changing the size of the font within a section wrapper

dasser · November 2015

Hi

I wish to change the size of a font restricted to a section or section element? I know how to change the size of a font using the overall setting in the muffin options. but thats not what i'm looking for as this changes the font size for the whole site.

I have tried used the custom css for the section but i need to target a H4 rather than a class. how can i achieve this? any recommendations

Many thanks

jimosulli · November 2015

Use css below in custom section css. Obviously change font weight and size to whatever you want to use.

h4 {
font-weight: 700;
font-size: 20px;
}

jimosulli · November 2015

Or you could style the text on it's own:

<h4 style="font-size: 20px; font-weight: 700;">Your h4 heading here</h4>

Albert · November 2015

@dasser You should do it like @jimosulli wrote. But, for section where you want to do this, you must set class name as well and then call custom css's per section classes. So for example if section's class name is my-section-1, then css should look like:

.my-section-1 h4 { font-size: 20px; }

dasser · November 2015

Hi all

Thanks for that, worked just right.

I forgot i could name the sections using custom classes or custom Id.

Albert · November 2015

You're welcome

changing the size of the font within a section wrapper

Comments