Monitor Reply

Support

Change specific link color

Permalink Browser Info Environment November 24, 2010 at 5:31 PM

Hi

Loving the theme, but I wonder if you could help me with the following;

How do I change the link colour to the 3 boxes at the bottom of the pages? As they have a black background and need a white link to be visible.

Sorry, but I can't figure out how to stop the current CSS settings to correct this.

Many thanks,
Anthony

/* Footer Boxes
-------------------------------------------------------------- */
#boxes {
   margin-top: 15px;
}
.box {
   float: left;
   width: 309px;
   height: 188px;
}
.box h2 {
   display: block;
   width: 297px;
   height: 41px;
   background: url(images/box_heading.png) no-repeat;

Viewing 15 lines of 62 lines. View entire code block.

 
/* Footer Boxes
-------------------------------------------------------------- */
 
#boxes {
   margin-top: 15px;
}
 
.box {
   float: left;
   width: 309px;
   height: 188px;
}
 
.box h2 {
   display: block;
   width: 297px;
   height: 41px;
   background: url(images/box_heading.png) no-repeat;
   padding-left: 12px;
   padding-top: 7px;
   padding-bottom: 0;
   font-size: 1.1em;
   color: #fff;
   font-weight: normal;
   margin: 0;
}
 
 
.box-content1 {
   background: url(images/box_bg1.jpg) no-repeat bottom left;
   padding: 0px 10px;
   width: 289px;
   height: 140px;
}
.box-content1 p {
   font-size: 0.9em;
   padding: 0;
   margin: 0;
}
 
.box-content2 {
   background: url(images/box_bg2.jpg) no-repeat bottom left;
   padding: 0px 10px;
   width: 289px;
   height: 140px;   
}
 
.box-content2 p {
   font-size: 0.9em;
   padding: 0;
   margin: 0;
}
 
 
.box-content3 {
   background: url(images/box_bg3.jpg) no-repeat bottom left;
   padding: 0px 10px;
   width: 289px;
   height: 140px;
}
.box-content3 p {
   font-size: 0.9em;
   padding: 0;
   margin: 0;
}
 
.last-box {
   float: right;
}
.center-box {
   margin-left: 16px;
}

Type:	Discussion
Status:	New

APBCadmin replied on Nov 30, 2010 at 5:57 pm Permalink Reply

I have hunted for this as well, the text CSS is not in the file your looking at (screen.css).

You need to look in "typography.css".

Then add a link CSS rule only for the #boxes div... (I think you could add it to the previous file, but better to keep all your text CSS together)

Maybe like this:

#boxes a { color: #FFF; text-decoration: none; font-weight: bold; outline: 0; }
#boxes a:hover { text-decoration: underline; color: #FFF; }

Creativity (.PSD Incl.)

Support

Change specific link color

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post