CSS confusion...

Topics: Themes
May 23, 2008 at 10:33 AM
hi all.

just wondering if someone could show me how to configure the CSS of the links in the categories box and the categories links in each post - at the moment I've changed the global A link but I need different styles for each and can;t see where to configure the CSS for the Categories box.

Any help appreciated.


May 23, 2008 at 8:36 PM
Hi Ben,

All BlogEngine.Net controls using DIV ID and LIST alot. The ID of category is #categorylist. I've done several theme for BE by seeing the HTML code from browser. I copy-paste my CSS code to give you some picture. Remember that the #categorylist DIV ID is produced by default Categories box control.

/* Categories */
#categorylist { margin: 8px; font-size: 0.75em; padding: 0px; }
#categorylist li { list-style-type: none; }
#categorylist li a { color: #F00; }
#categorylist img { border: 0px; margin-right: 5px; }

So, the code works like ussual CSS do to HTML. I make the link as red, i use shortcut for #FF0000 since the sequence is same. I tweak the image elements because to close with text in my theme.

Have fun.
Jul 14, 2008 at 10:57 AM
Hi.  Thanks for this tip, it worked perfectly.

Much appreciated.