Where to modify Grid Title Text default site-wide?

[elise]

Hi, where can I change the font styling for the Grid Title Text across the whole site? I see it’s set to “Default” by default, and that I can change the font/styling in each instance of the Grid. But where can I change this default style so it is the same for every Grid Title I have on my site?

I see two classes:
h2.grid-item-tit
a.grid-item-tit-a

When I go in to BM Font Management > Fonts Assignment > Custom and add these classes, it only kind of works. It looks like the font I specify works but if I specify a font size, it isn’t picking it up in my Grid Title. Right now I have the two above classes specified with a size of 70px on Desktop, and it still shows at 16px.

Will post the page I’m referencing in a separate comment. Thank you!

[elise]

This reply has been marked as private.

[SeaTheme]

Hi,

Please try to use the className on the custom tab(BM Font Management > Fonts Assignment > Custom) to define the title font:
body .bm-builder .grid-item-tit,body .bm-builder .grid-item-tit-a

Also define the mobile and tablet font size via the child theme or custom CSS(“Appearance > Customize: Additional CSS”):

body .bm-builder .grid-item-tit,body .bm-builder .grid-item-tit-a {
    --fontsizeGridTitleM: 44px;
    --fontsizeGridTitleT: 28px;
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[elise]

Thank you that works great!! What is the class name for the Caption? The Caption that is optional to show below an image.

[SeaTheme]

Welcome, plz define the font size for single image caption via the child theme or custom CSS(“Appearance > Customize: Additional CSS”):

.single-image-caption-cap {
	--fontsizeCap: 18px!important;
    --fontsizeCapT: 15px!important;
    --fontsizeCapM: 12px!important;
    --lineHeightCap: 2!important;
    --letterSpacingCap: 0.5px!important;
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[elise]

Thank you! I’m trying to change the font weight to 100. How do I do that?

I tried adding the line at the end (see fontWeight) but it doesn’t seem to change it.

.single-image-caption-cap {
–fontsizeCap: 22px!important;
–fontsizeCapT: 20px!important;
–fontsizeCapM: 18px!important;
–lineHeightCap: 1!important;
–letterSpacingCap: 0px!important;
–fontWeight: 100!important;
}

[SeaTheme]

Hi,
The CSS for font-weight should be:

.single-image-caption-cap {
 font-weight: 100!important;
}

ps:this font should support 100 fontWeight firstly, or the CSS would not work

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[elise]

Works great, thank you so much.

[elise]

Hiya! Looping back to defining the title font, a few replies earlier on this thread:

————

Please try to use the className on the custom tab(BM Font Management > Fonts Assignment > Custom) to define the title font:
body .bm-builder .grid-item-tit,body .bm-builder .grid-item-tit-a

Also define the mobile and tablet font size via the child theme or custom CSS(“Appearance > Customize: Additional CSS”):

body .bm-builder .grid-item-tit,body .bm-builder .grid-item-tit-a {
–fontsizeGridTitleM: 44px;
–fontsizeGridTitleT: 28px;
}

—————

I have a grid component on a page that I want to have different title font styles. I have given this component an ID called “related-projects”.

In BM Font Management, would I make a new Custom style like this?

body #related-projects.bm-builder #related-projects.grid-item-tit, body #related-projects.bm-builder #related-projects.grid-item-tit-a

In custom CSS, would I do this?

body #related-projects.bm-builder #related-projects.grid-item-tit,body #related-projects.bm-builder .grid-item-tit-a {
–fontsizeGridTitleM: 20px;
–fontsizeGridTitleT: 18px;
}

I tried this but it doesn’t seem to be working. Thank you for your help!!

[SeaTheme]

Hi,

Please try to update the CSS as:

body  .bm-builder #related-projects .grid-item-tit,
body  .bm-builder #related-projects .grid-item-tit-a {
–fontsizeGridTitleM: 20px;
–fontsizeGridTitleT: 18px;
}

If it does not work, please leave the issued page URL. Thanks

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[elise]

Yay!! I used these class names to fix my class names in BM Font Management and now it all works. Thank you so much.

[Author]

Posts