Blog post title font

[nikki_verma98]

Hello,

Is there any way I can change the font style/size of my blog post title without changing the entire theme?

Half of the title is not seen and words tend to overlap instead of leaving a gap between two lines. This makes the title difficult to read. The usual font options that appear when typing text do not appear for the title.

Here's a link to my blog: http://nvdiaries.weebly.com/travel-diary

Also, how is this title different from SEO post title?

Any help would be appreciated.

Cheers,

Nikita

[WebfireThemes]

Hi Nikita

What is happening is you've set your titles in the font options to a large size, and it isn't playing well in the blog pages...

For the main blog titles try adding this line of code to the very bottom of the main_Style.css file.

.blog-post .blog-header{padding-top:45px!important}

I'm also seeing issues with the blog sidebar titles... again this is being picked up from the font options. The issue is, these settings are being written inline  on your html rather than controlled via the CSS, so adding something into your CSS to reduce the size of your titles is not that simple... you'd need to write either a script or use a css hack to override the inline styling...

i don't know for sure if it will work, but you could try adding this into the bottom of the main_Style.css to sort out the blog sidebar titles.

.blog-sidebar h2[style]{font-size:35px!important}

If you enter something into the SEO Post title it will be used as the title shown in search engine results. The Blog title will be used for this if nothing is inserted into the SEO Post title, however the blog post title also has other SEO properties, and will be crawled as a standard <h2> by search engines.

Hope this helps. 

[nikki_verma98]

@WebfireThemes

Thank you for your reply. I'm a beginner to the world of website designing so unfortunately I wasn't able to understand all of your answer- sorry! My problem has now been resolved but thank you very much for your help.

[MJCS]

Glad to hear that, @nikki_verma98.

Best of luck with the rest of your journey into website designing!

Cheers, Mark

[#5]

This really helped me, thanks!!!

[MJCS · Accepted solution]

Hi @nikki_verma98,

I've got a slightly different approach than @WebfireThemes.

Firstly - you can edit the Blog Title font in your editor without CSS. Click on Theme>Change Fonts>Blog Post Titles and then set it to something smaller or a different font. 

 However if you do it with CSS you'll have a little more control over the result if you want to make other changes.

If you add this code to your blog page's SEO Settings in the HEADER CODE window:

<style>
.blog-title a {
    color: coral;
    font-family: 'Pacifico', cursive;
    font-size: 130%;
    font-weight: bold;
}
</style>

You should get this result (note that I've centered everything too for another Weebly user's example):

I've changed the color, the font-family, increased the size, and made the weight bold. You could do what ever suits you. NB, to use a different font-family you'll need to add that too. In my case I added it to the header of my page's html:

<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet"> 

You can see it in action here:

http://mjcsdemo.weebly.com/blog

Best of luck, Mark

[nikki_verma98]

Thank you so much for your help, Mark! Your first method worked and was very easy to follow for a beginner like me. Thanks to you, I've now got a better understanding of how weebly works.

[Joseph-anthony]

How can i transfer my site to weebly?

[Bernadette3]

Hello! There isn't a way to transfer a site from another platform onto ours. You would need to rebuild the entire site including blog posts. Thanks for the question!

[andreawk]

This was very helpful, but I'm trying to match the title color to my theme, and I don't know how to do that. I tried inserting the number where you have coral, but it didn't work!

[zafirmusic]

If you are not that into programming I would suggest to use: Font Loader app in the add app section.