changing the size of the font within a section wrapper

dasser

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

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

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

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

Albert

@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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dasser

Hi all

Thanks for that, worked just right.

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

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next