Customizing blog titles

Comments

2 comments

  • Marty Thornley

    I see you found a workaround... But did it by emptying out the title and adding into the text?

    It would be a good idea to add the title back in because it gets added to the page in a way that is better for Search engines. ( and will be easier for you once we figure out how to manipulate it :)

    To target changes in the post titles you want the element called ".before-posts h2" which goes into css as:

    .before-posts h2 { STUFF GOES HERE }

    And actually, on the blog page those are links so you need to add a link to it:

    .before-posts h2 a { STUFF GOES HERE } 

    Some ideas you might try... 

    Font-color:

    .before-posts h2 a { color: #000000; }

    Font-size:

    .before-posts h2 a { font-size: 12px; }

    alignement (can be left, right, center, or justified):

    .before-posts h2 a { text-align: center; }

    margin (spacing around it ) - ( numbers in order are top, right, bottom, left )

    .before-posts h2 a { margin: 20px 10px 20px 10px; }

    And they can all go together like this:

    .before-posts h2 a { color: #000000; text-align: center; font-size: 12px; margin: 20px 10px 20px 10px; }

    You will notice that the date and title are bumped against each other and the alignment does not seem to work with the above added. There are a couple little tweaks to the h2 tag itself that need to happen, like this:

    .before-posts h2 { float: none; }

    Then if you display the date and want the title on its own line, you can add:

    .before-posts h2 a { clear: both; display: block; }

    And make the date centered:

    .before-posts span.date { float: none; display: block; text-align center; }

  • shotfotografia

    Thanks so much Marty, you guys rock! Yep, did it by But did it by emptying out the title and adding into the text, but it's a lot of extra work!

    I'm suru using your advice will be a lot less work and a lot more result : )

Please sign in to leave a comment.

Powered by Zendesk