How can I increase the size of image with text in Focal theme?

[apalacio]

Hello, I am trying to increase the size of the image but it’s not working. I tried adding this code to theme.liquid but it didn’t work. Can anyone help me please?

.feature-row__item .h1 {
    font-size: 34px;
}
.feature-row__text .rte p {
    margin-bottom: 0;
    font-size: 15px;
}

Website: Mokaipaws.com

[AvadaCommerce]

Hi @apalacio ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

@media (min-width: 1024px) {
.image-with-text__content-wrapper .heading {
    font-size: 34px !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[apalacio]

Thanks for replying, unfortunately that did not work.

[AvadaCommerce]

HI @apalacio ,

Maybe I don’t understand what you mean. Do you want to increase the font size for this text:

“MOUTH-WATERING CHEWS WITH PROVEN HEALTH BENEFITS”

[Denishamakwana]

Please add below css in bottom of assets/theme.css file

@media screen and (min-width: 1000px)

.image-with-text__image-wrapper {
width: 50%;

}
Thank you.

[apalacio]

Thanks but it didn’t work. This is how my image looks right now:

And this is how I want it to look:

Website: Mokai

[AvadaCommerce]

Hi @apalacio ,

You can try below code in top of theme.css file:

@media (min-width: 1024px) {
.image-with-text__image-wrapper {
width: 55% !important;
}
}

[apalacio]

Thank you, that worked!

Is there any way to align the text so that it’s vertically aligned with the image? And to remove the margin from the top?

Thanks again!

[jengrego]

This also worked for me - brilliant. Thanks so much