jane 6 Report post Posted June 11, 2012 Hi everyone, I'm interested in making changes to the "Posts Info" section on my blog/category pages. I went into Firebug and found the appropriate section to change the font size, take away the background colour and instead add a border-bottom. Here is the code I came up with: .current_posts_info { background-color: none !important; font-size: 20px; border-bottom: 2px #ed1c24 !important; width: 725px; } I pasted it into the Custom Code section to test it out and some elements aren't showing up. The font is ok but the grey box is still there and the border bottom isn't showing up. Anyone have any ideas what I might be missing? I also have a secondary question; the way it is right now in the Post Info area all categories have quote marks around them - how can I go about taking away the quote marks? In other words right now it says: Currently viewing the category: "Fashion" Instead I would like it to read: Currently viewing the category: Fashion Thank you! Share this post Link to post Share on other sites
Rob 547 Report post Posted June 11, 2012 Your CSS was incorrect. Replace it with: [code].current_posts_info { background: none repeat scroll 0 0 transparent; border-bottom: 2px solid #ED1C24 !important; font-size: 20px; width: 100%; }[/code] Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
jane 6 Report post Posted June 11, 2012 Thank you rangelone; this did the trick. :) Would you have any ideas about taking away the quote marks as well? Share this post Link to post Share on other sites
Rob 547 Report post Posted June 11, 2012 Jane, that's more a coding than a styling matter. They're hard coded somewhere and I don't think it would be too easy to remove them. Glad that code worked for you though. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites