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.
CSS Showit Blog Headings Customization
#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.
With an easy-to-use interface and step-by-step directions, you can forget the hassle of coding and customize your way to a website that captures your brand’s style and catches the eye of your customers. Payment plans start at $249 and launch within weeks!
Shop beginner-friendly Showit templates
don't want the custom design price tag or timeline?
It's easy to set up a website and forget about it, but the truth is, websites require maintenance. In this free guide, I cover everything you need to know to ensure your website is doing its job.