Results 1 to 5 of 5
  1. #1
    Join Date
    Jul 2009
    Posts
    20
    Plugin Contributions
    0

    Default navMain not styling...?

    I am trying to style the navMain links but to no avail. It seems pretty straight forward but I must be missing something.

    I would like to do a few different things...

    1. Change the link color to white
    2. Make the links bigger and bold
    3. Move the links down - so they are resting on top of my green primary navigation bar.

    Here's a link...

    http://openheartthreads.com/products...&products_id=3

    Here's the styling I have for the navMain CSS...

    #navMain ul, #navSupp ul, #navCatTabs ul {
    margin: 0;
    padding: 0em 0em;
    list-style-type: none;
    text-align: center;
    line-height: 1em;
    }

    #navMain {
    padding-left: 750px;
    }

    #navMain ul li a:link {
    color: #ffffff
    text-decoration: none;
    padding: 0em 0em;
    margin: 0;

    }

    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    display: inline;
    }

    Thanks in advance!
    Robert

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: navMain not styling...?

    Code:
    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    	margin: 0em;
    	background-color: ;
    	font-weight: bold;
    	color: ;
    	height: 1%;
    	width: 100%;
    	}
    
    #navMain ul, #navSupp ul, #navCatTabs ul  {
    	margin: 0;
    	padding:  0em 0em;
    	list-style-type: none;
    	text-align: center;
    	line-height: 1em;
    	}
    	
    #navMain {
    	position: relative;
    	top: 6.1em;
    	padding-left: 150px;
    	}
    	
    #navMain ul li a { /*not a:link */
    	color: #ffffff;
    	text-decoration: none;
    	padding: 0em 0em;
    	margin: 0;
    	}
    	
    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    	display: inline;
    	}

  3. #3
    Join Date
    Jul 2009
    Posts
    20
    Plugin Contributions
    0

    Default Re: navMain not styling...?

    Thank you Glenn!!!!!

    So its not a link because its an inline PHP element?

    One final question for ya...

    Is there a way I can add a vertical line as a divider between each link? Like I have with my primary nav? Also, can I spread those links apart from each other more?

    God i love the Internet and all the amazing helpful people like yourself!

    Thanks a MILLION!

    Robert

  4. #4
    Join Date
    Jul 2009
    Posts
    20
    Plugin Contributions
    0

    Default Re: navMain not styling...?

    I figured it out. Thanks again Glenn!

    Robert

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: navMain not styling...?

    It is a link, but using "a:link" in that particular selector list doesn't work :) You have to just use "a" which means "anchor" (for a link).

 

 

Similar Threads

  1. Why is my styling not taking effect?
    By stephenconnolly in forum Templates, Stylesheets, Page Layout
    Replies: 16
    Last Post: 19 Apr 2012, 04:29 PM
  2. Font size not defined in #navMain
    By Goldenis in forum General Questions
    Replies: 2
    Last Post: 13 Dec 2010, 02:57 AM
  3. Header image not showing and styling issues
    By wotnow in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 11 Feb 2010, 03:42 AM
  4. Slimbox CSS styling not working??
    By Coolie in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 13 Oct 2009, 01:08 PM
  5. Home page loses styling, categories not accessible
    By adelante in forum General Questions
    Replies: 0
    Last Post: 27 Jul 2007, 10:37 PM

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