How To Customize Your Showit Blog Headings Tutorial

CSS Showit Blog Headings Customization

In today’s post, I’ll be showing you how to customize your Showit blog headings! Since the blog templates on Showit pulls exact styles from your general design settings, you might want your blog titles to be shown on the left-hand side, be smaller in size, or have a different color than the rest of your website’s heading. This can be done through simple CSS that you can copy right from this post.

#1. Go to Single Post Page Blog Template

Under your blog templates on Showit, click on Single Post. On the right-side menu page settings, you’ll see an Advanced Settings tab.

#2. Paste & Customize Code To Your Liking:

You will see a box for Custom CSS. Place this code below & make any changes you’d like. This is only an example for H2, but you may also want to duplicate & change the first part to H1 & H3 to affect other heading styles. Delete any parenthesis areas as this is only to show you what it means. These changes are what I see most often requested from clients, but feel free to add your own or you can search for more CSS styles.

h2 {

text-align: left !important; (to align text to left side)

font-size: 45px !important; (change font size)

font-family: ‘Montserrat’ !important; (change font family)

text-transform: uppercase !important; (can force it to be all uppercase, capitalize, or lowercase)

color: #000000 !important; (change font color)

}

FOR MOBILE ONLY CHANGES, duplicate the code above within these brackets below to affect headings on mobile only. It will not affect your desktop design!

@media only screen and (max-width: 600px) {

PLACE THE EXACT CODE FROM ABOVE IN BETWEEN THIS

}

Start Customizing Your Showit Blog Headings

Thankfully CSS is very easy for beginners! Once you’ve placed your customization, you publish the new changes on Showit & you’ve now got an updated blog design.

Wanting help with your overall Showit design as well? You can browse my website design packages right here to get started, or the affordable & easy-to-use Showit website templates if this is more your style! Each template comes with a WordPress Blog Design.