Results 1 to 5 of 5
  1. #1
    Join Date
    Feb 2011
    Posts
    4
    Plugin Contributions
    0

    Default can't find CSS selector in Twist of Nature

    Despite using FireBug and the built-in CSS inspector in Chrome, I have only been able to figure out how to change a few of the background colors. I'm missing something.
    http://indichocolate.com

    In attempting to change the gray background color of navigation links for categories like "dark chocolate", I found #navCatTabsWrapper, but setting its background-color to Red only appears to have changed the border of the tab? What's controlling that gray?

    What am I missing?
    Thanks in advance.

  2. #2
    Join Date
    May 2009
    Posts
    1,219
    Plugin Contributions
    2

    Default Re: can't find CSS selector in Twist of Nature

    Look for
    .menutable
    line 242 of your stylesheet.

  3. #3
    Join Date
    Feb 2011
    Posts
    4
    Plugin Contributions
    0

    Default Re: can't find CSS selector in Twist of Nature

    keneso, thanks.
    That allowed me to change two rows of navigation buttons (top and bottom, the ones with "Dark Chocolate", "Samplers", etc. and also the row with "About us".
    However, I can't find the selector that affects the middle row, including the "Home" and "Log in" button. I must be missing something obvious, but I can't find it using FireBug.

  4. #4
    Join Date
    May 2009
    Posts
    1,219
    Plugin Contributions
    2

    Default Re: can't find CSS selector in Twist of Nature

    Line 223

    .back li {
    background-color: #535141;
    border: 1px solid #C1C0BD;
    float: left;
    margin-left: 2px;
    padding: 1px;
    width: 24%;
    }

    I don't know the template, be careful it might be used somewhere else as well, so check your site after editing it.

    Another way could be to change <ul class="back"> in your twist_of_nature/common/tpl_header.php in <ul class="whatEverName">, you should see it after <div id="navMain">; then you copy the above .back li, set your background, and change .back li to whatEverName li

  5. #5
    Join Date
    Nov 2006
    Location
    Dartmouth, NS Canada
    Posts
    2,378
    Plugin Contributions
    0

    Default Re: can't find CSS selector in Twist of Nature

    Here's a technique I've used to track down otherwise difficult to find colour declarations in the stylesheet...

    Using a colour-picker kind of tool, hover over the colour you're trying to change. The tool will tell you the exact hex code of the colour. Then just search your stylesheet to find all the places where that colour is declared. It's usually easy to figure out which one you need to change from that point, and anyway, you're often trying to change them all.

    Rob

 

 

Similar Threads

  1. Twist of Nature - header and bg issue
    By jillcripps in forum Addon Templates
    Replies: 4
    Last Post: 9 Sep 2011, 10:19 AM
  2. Twist of Nature template buttons
    By ormcd in forum Addon Templates
    Replies: 1
    Last Post: 31 Aug 2011, 11:54 AM
  3. IE problem wit css - twist of nature template
    By malc in forum Addon Templates
    Replies: 0
    Last Post: 6 Jun 2011, 07:27 PM
  4. twist of nature logo error
    By malc in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 7 May 2011, 06:47 PM
  5. Why so slow? Twist of Nature template
    By spleify in forum Addon Templates
    Replies: 35
    Last Post: 18 Oct 2010, 04:58 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR