Support Forum - Topic: List styling

Support Forum - Topic: List styling http://www.kriesi.at/support/topic/list-styling Support Forum - Topic: List styling en-US Thu, 20 Jun 2013 11:27:14 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "List styling" http://www.kriesi.at/support/topic/list-styling#post-15098 Fri, 18 Mar 2011 07:33:14 +0000 Dude 15098@http://www.kriesi.at/support/ Glad that you found a solution. webt on "List styling" http://www.kriesi.at/support/topic/list-styling#post-15037 Thu, 17 Mar 2011 14:43:05 +0000 webt 15037@http://www.kriesi.at/support/ Thanks for the pointer however in : <pre><code>#sidebar .box a, #main #sidebar .box .recentcomments, ul li{ background:transparent url(../images/skin1/bullet_orange.png) no-repeat scroll 0px 10px; border-bottom:1px solid #d6d6d6; }</code></pre> The #content div is the one I want to change, and it isn't mentioned here, nor can I find it anywhere. In addition, when I remove #main from the above I see no change in the lists styles, no matter where the list is... hmmmm... Anyway, I've found a fix: I deleted the style starting on line 77 and then added: '#content li { border:none; background:transparent url(../images/skin1/bullet_black.png) no-repeat scroll 0px 10px; }` on line #113 but now the boss is saying he's like the default html version of a list, so that's my next challenge. Thanks for your help. I'm calling this on e closed! James Morrison on "List styling" http://www.kriesi.at/support/topic/list-styling#post-15027 Thu, 17 Mar 2011 11:28:47 +0000 James Morrison 15027@http://www.kriesi.at/support/ Hey, All the changes you're looking to make are in the CSS. Using a tool such as <a href="http://getfirebug.com/">FireBug</a> will help you find the CSS which controls various elements. Just to get you going in the right direction; using FireBug, I right-clicked on the top li and selected Inspect Element which brings up the FireBug box and highlights the HTML on the left and shows the CSS controlling it on the right: <a href="http://cl.ly/2a0f3x2O272m1e3c2I0g" rel="nofollow">http://cl.ly/2a0f3x2O272m1e3c2I0g</a>. I then removed the CSS declarations on the top right of the FireBig box, you can see that this has removed the elements' style: <a href="http://cl.ly/2l2n2T3h2N3E1s3O2S3f" rel="nofollow">http://cl.ly/2l2n2T3h2N3E1s3O2S3f</a> So you can see that the code controlling the styling is in /css/style1.css on line 85 - you'll need to make the change here using your editor to remove the styling as FireBug doesn't save anything. Hope this sets you in the right direction. James webt on "List styling" http://www.kriesi.at/support/topic/list-styling#post-14994 Wed, 16 Mar 2011 20:58:07 +0000 webt 14994@http://www.kriesi.at/support/ I would like to restyle the list in the display theme, but only ones that appear in the content area of posts and pages, not the lists in the sidebar. example page of normal Display theme list in content: <a href="http://webtransit.mobi/atlanta-e-commerce-more" rel="nofollow">http://webtransit.mobi/atlanta-e-commerce-more</a> I am wanting to remove the bottom border on each LI (i guess that line is a border...) and the boss is wanting me to replace the custom bullet image with a standard html bullet indicator like the one below: <ul> <li>item one</li> <li>item two <ul> <li>item a</li> </ul> </li> <li>item 3</li> Meaning he would like the bullet to be just like if I took a plain html document with no css and created a list in it and viewed it in a browser. I made two new classes and applied them to two lists in a post: <a href="http://webtransit.mobi/services" rel="nofollow">http://webtransit.mobi/services</a> <pre><code>.TxsList ul { border:none; } .TxsList li { border:none; }</code></pre> But this isn't very effective for two reasons: 1- Because it still leaves a line above each list 2- I can't really expect the boss and other writers to apply a custom class to every new list we create in every new post (we will if we have to but . . . )</ul> I'm having a little trouble navigating the style.css and finding where to change this. Can you point me in the right direction.