How can I customize header size in text columns with images?

Store Design
1

Hi,

In the Text Columns With Images section, I’d like to customize the size of the Header that sits below each individual image (circled in red), but without changing the header size that sits above the image or for any other sections on the page. How can I do this? Using Motion theme.

houssamalissa_0-1628502920158.png
houssamalissa_0-1628502920158.png1441×704 134 KB

Site URL: https://optyma.myshopify.com/
Password: sheert

1 Like
2

What do you want?

TO change the text size of image below text.

3

Hello houssamalissa,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css

#shopify-section-1628497443a30d83a2 h3 {
    font-size: 24px;
}
1 Like
4

Hii, @houssamalissa
Paste this code in top of theme.scss file.

h3:not(.collection-switcher__title) {
    font-size: 18px !important;
}

Thank You.

1 Like
5

@houssamalissa

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (min-width: 590px){
#shopify-section-1628497443a30d83a2 h3{
font-size: 20px !important;
}
}

Hope this works.

Thanks!

1 Like
6

This worked, thank you!

And if I want to remove the ‘bold’ quality from the text, how could I do that?

1 Like
7

Also - how do you identify the section ID? I’d like to be able to do that with other sections in future but have no idea how to identify which section something is…