Results 1 to 10 of 25

Hybrid View

  1. #1
    Join Date
    Jul 2007
    Location
    UK? US?
    Posts
    118
    Plugin Contributions
    0

    Default Re: Help with layout please.

    Quote Originally Posted by gjh42 View Post
    Start off with the basic link colors:
    Code:
    a:link, #navEZPagesTOC ul li a {
    	color: #ffffff;
    	text-decoration: underline;
    	font-weight: bold;
    	}
    
    a:visited {
    	color: #ffffff;
    	text-decoration: underline;
    	font-weight: bold;
    	}
    
    a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
    	color: #fbce50;
    	}
    
    a:active {
    	color: #0000FF;
    	}
    #ffffff is white, #000000 is black, #ff0000 is red, #00ff00 is green and #0000ff is blue.

    Search through your stylesheet for
    color:
    and you will find all places where text color is defined. Many of them you will not want to change, but check out any you are not sure of and see what they control.
    Some elements that are now the default white will not be specified in the stylesheet, so you will need to add them. Find things like
    Code:
    .sideBoxContent a {
    	background-color: #c69c42;
    	padding: 0.4em;
    	}
    and add
    color: #ffffff;
    if you want to make sure they are white.
    (Or try .leftBoxContent a and .rightBoxContent a.)

    After each change, go back and see what is different in your site.
    Well I don't understand what you mean. I already know how to change the colours of the text... it is the LINKS I am talking about and that css styling for the links you quoted control the whole page right??? Which is fine for where the links which are white are on a dark background but the MIDDLE content is on a light background and ALL the links links are affected so you cant see the light links on the light background!!
    Am I making myself any clearer?

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

    Default Re: Help with layout please.

    The top set of declarations controls the basic link colors; the other elements I mentioned are for specific groups of links. Any declaration which has an "a" in the selector refers to a link, or to a sub-element inside a link.

    So

    .leftBoxContent a {color: #008822;}

    makes link text in left box contents dark green, and

    .leftBoxContent a:hover {color: #55ff55;}

    makes link text in left box contents light green when hovering the mouse over it. Search through the color definitions and find the places where link colors are set, and change them if necessary.

 

 

Similar Threads

  1. v151 Help with page layout please
    By Rizla in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 5 Jun 2014, 01:47 PM
  2. Help with page layout PLEASE
    By tarty00 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 4 Sep 2007, 06:21 AM
  3. Help with page layout please
    By teamfaith in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 28 Apr 2007, 12:43 AM

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