Jump to content
UncleStef Mentoring Update: New SEO course!

debsten

New Members
 View Profile  See their activity

  • Posts

    2

  • Joined

  • Last visited

 Content Type 

Posts posted by debsten

  1. Changing Color of "only 1" link in page

    in CSS

    Posted

    Wickham,

     

    Thank you so much, I ended up doing the span class, I had tried some of the other things you mentioned but no luck. The background was only the same as a test, I was just seing if anything was working, when I viewed it the red background came up but it still had a different color font even though I had it set for red.

     

    Doing the span tag worked, still has underline for some reason, but this is something that only needs to be on the page for a month or so, so will leave it as that instead of trying to figure out what I am missing.

     

    Thanks again for the fast response and your help, greatly appreciate it.

  2. Changing Color of "only 1" link in page

    in CSS

    Posted

    Hi,

     

    I am trying to work with a link in a page on a site where I want to override the css on only 1 link within the page. I created a new css rule and put it in, problem is I can't get the font color to change on the link, if I put a background color in the rule it will change that but not the text color.

     

    Here is the code on the page, the part in red is the where I am having problems. I want the "Red Hot Offer" line to always stay red. But can't get it to work. I know I must be missing something simple but can't seem to find what.

     

    Any help would be much appreciated.

     

    Thanks

    Debbie

     

    Nightly

    1

    Bedroom Townhouse

    $416pn

    $228pn

    $208pn

    canterbury-rates.jpg RED HOT OFFER: STAY A MINIMUM OF 7 NIGHTS & RECEIVE TWO FREE GOLD CLASS MOVIE TICKETS

     

    This is the css

     

    /*General*/

body {
 margin: 10px;
 padding: 0px;
 font-family: verdana, arial, sans-serif;
 font-size: 13px;
 background-color: #D6C3B6;
 text-align: justify;
}
h1 {
   font-size: 1em;
   margin-bottom: 0px;
   padding-bottom: 0px;
}
h2 {
   text-transform: uppercase;
   background-color: #957171;
   color: #ffffff;
   font-size: 1em;
   font-weight: normal;
   padding: 6px;
   margin-bottom: 0px;
   text-align: left;
}
h3 {
   text-transform: uppercase;
   background-color: #957171;
   color: #ffffff;
   font-size: 1em;
   font-weight: normal;
   padding: 6px;
   margin-bottom: 0px;
}
h4 {font-size: 1em; margin-bottom: 0px;}
h5 {font-size: 0.9em;font-weight: normal;margin-bottom: 0px;}

table {font-size: 1em;}
td {vertical-align: top;}
th {background-color: #B4937A; color: white; text-align: left; vertical-align: top;}
li {padding: 2px 0px;}
em {font-style: normal;}
a.button {     
   display: block;
   padding: 1px 0px;
   width: 100px;border-top: 1px solid #9E9E9E;
   border-left: 1px solid #9E9E9E;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   text-decoration: none;
   color: black;
   text-align: center;
   font-size: 0.8em;
   background-color: #E3E5E3;
}
a:hover.button {
   border-top: 1px solid black;
   border-left: 1px solid black;
   border-right: 1px solid #9E9E9E;
   border-bottom: 1px solid #9E9E9E;
}
#wrapper {
   position:relative;
   margin-left:auto;
   margin-right:auto;
   width: 982px;
   padding-top: 20px;
   background-color: #673333;
   text-align: justify;
}
.k {margin-right: 0.2em;}

/*Navigation*/

#MDME {
   position: absolute;
   width: 256px;
   /*float: left;*/
   left: 0px;
   top: 20px;
}
#MDME img {
   position: relative;
   bottom: 0px;
}
#contact {
   position: relative;
   bottom: 165px;
   right: 17px;
   color: white;
   text-align: right;
   z-index: 2;
   display: none;
}
#contact a {
   color: 673333;
   text-decoration: none;
}
#contact a:hover {
   text-decoration: underline;
}
#subscribe {
   position: relative;
   bottom: 195px;
   left: 28px;
   width: 228px;
   background-color: #8D5932;
}
#subscribetext {
   font-size: 0.85em;
   color: #ffffff;
   padding: 6px;
   text-align: left;
}
#subscribetext img {
   float: right;
   margin-right: 4px;
   margin-top: 10px;
}
#subscribetext a {color: white;}
#subscribetext a:hover {text-decoration: none;}

#nav {        
   /*width: 228px;*/
   background-color: #8C5933;
   margin-left: 28px;
   /*margin-top: 20px;*/
   padding-top: 15px;
   text-align: center;
   font-size: 0.85em;
}
#nav ul {
/*    width: 215px;  */
   width: 215px;
   list-style-type: none;
   margin: 0px 0px 0px 7px;
   padding: 0px;    
}
* html #nav ul {
   margin-left: 0px;
   /*w\idth: 750px; Explorer 6 */
   /* NOTE: If Explorer 6 is in Quirks mode it will act like 5!!! */
}
#nav ul li {
   border-left: 1px solid #8C5933;
   border-right: 1px solid #8C5933;
   border-top: 1px solid #A98059;
   border-bottom: 1px solid #A98059;
   width: auto;
   padding: 0px;    
   letter-spacing: 0.15em;
}
#nav ul li.bottom {border-bottom: 2px solid #A98059;}
#nav ul li.top {border-top: 2px solid #A98059;}

#nav ul li ul {
   background-color: #B4937A;
   margin: 0px;
   padding: 0px;    
   width: auto;
   display: none;
}

#nav ul li ul#open {display: block;}

#nav ul li ul li {
   letter-spacing: 0.1em;
   font-size: 0.9em;
}
#nav ul li a {
   color: white;
   text-decoration: none;
   padding: 5px;
   display: block;
}
#nav a:hover {background-color: #906D4C;}

/*Shared Main Text Area*/

#maintextarea {
   margin: 0px 20px 20px 256px;
   background-color: #ffffff;
   padding: 10px;
   border-top-width: 15px;
   border-right-width: 15px;
   border-bottom-width: 15px;
   border-left-width: 15px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #957171;
   border-right-color: #957171;
   border-bottom-color: #957171;
   border-left-color: #957171;
}
#maintextwidth{
   width: 649px;
}
#maintextarea a {
   color: #673333;
}
#maintextarea a:hover {
   color: #957171;
}
#no-nav-box {
   background-color: #ffffff;
   border: 15px solid #957171;
   padding: 10px;
   margin-left: auto;
   margin-right: auto;
}
#no-nav-box a {color: #673333;}
#no-nav-box a:hover {
   color: #957171;
}

/*Index Main Text Area*/

.darkblue {
   background-color: #465F64;
   color: #ffffff;
   padding: 6px;
   text-align: center;
   width: 529px;
   vertical-align: middle;
}
.darkblue h2 {
   font-size: 13px;
   letter-spacing: 0.1em;
   margin: 0px;
   padding: 0px;
   background: none;
   font-weight: bold;
}

.brown {
   background-color: #8C5933;
   color: #ffffff;
   padding: 0px;
   margin:0px;
   width: 116px;
   text-align: center;
}

#blue {
   background-color: #82c8ef;
}
#banner {margin-top: 29px;}
#blue-bottom {margin-left: 344px;}

#brown {
   background-color: #B4937A;
   color: #ffffff;
   background-image: url("images/brown-bg.gif");
   background-position: bottom right;
   background-repeat: no-repeat;
   padding: 10px;
   text-align:justify;
}
#locations {/*background-color: #D6C3B6;*/
   color: #673333/*#585654*/;
}
#locations img {margin: 5px 0px 0px 5px; border: 1px solid white;}
.description {font-size: 0.8em;padding: 5px; text-align:justify;}
.description a {text-align:left;}

/*Internal Main Text Area*/

#int-banner {
   height: 131px;
   background-image: url('images/int-banner.jpg');
   background-repeat: x-repeat;
   background-position: top right;
}

#heading {background-color: #B4937A;color: #ffffff;padding: 7px 7px 7px 10px;}
#heading h1 {color: #ffffff;text-transform: uppercase;font-size: 13px;font-weight: bold; padding: 0px; margin: 0px;}
.large {font-size: 1.5em;font-family: arial, verdana, san serif;font-weight: normal;letter-spacing: 0.1em;}
#heading h1 span.large {font-size: 1.4em;}
#heading h2 {color: #ffffff;font-size: 1em; text-transform: none; background: none; padding: 0px;}
/*#heading td {vertical-align: middle;}*/
#heading img {float: right; border: 10px solid white;}
#heading img#starrating {border: none; float: none;}
#heading img#branding {border: none; float: none; width: 100%;}
#subnav {background-color: #82C8EF;color: #ffffff;padding: 4px 7px;}
#subnav ul {margin: 0px; padding: 0px;}

#subnav li {
   float: left;
   border: 1px solid #ffffff;
   margin-right: 5px;
   list-style: none;
   padding: 0px;
}
#subnav li.active {background-color: #957171;}
#subnav a {color: white;text-decoration: none;padding: 0px 27px;}
#subnav a:hover {color: white; background-color: #957171;}

#images {text-transform: uppercase;text-align: center; float: left;font-size:.7em;}
#maintext {padding-top: 3px; font-size: 1em; text-align: justify;}
.maintext {padding: 5px;}
.tariffs {/*border: 2px solid #B4937A;*/background-color: #B4937A; width: 100%;}
.tariffs td {/*background-color: #B4937A; color: white;*/ background-color: white; padding: 2px;}


#sitemap ul {margin-left: 20px;padding-left: 0px;}
#sitemap dd {margin-left: 7px; padding-left: 0px; font-size: 0.9em;}
#sitemap a {text-decoration: none;}
#sitemap h3 {background: none; padding-bottom: 0px;}


/*Footers*/

#footer {
   text-align: center;
   color: #673333;
   font-size: 0.8em;
   padding: 5px 0px;
   width: 700px;
   margin-left: 256px;
}
#footer-no-nav {
   text-align: center;
   color: #673333;
   font-size: 0.8em;
   padding: 5px 0px;
   width: 725px;
}
#footer a, #footer-no-nav a {color: black; text-decoration: none;}
#footer a:hover, #footer-no-nav a:hover {text-decoration: underline;}

/*Various Classes*/

.small {
   font-size: 0.8em;
   text-transform: none;
}
.center {
 text-align:center;
}
#navleftlink a, a.navleftlink {
   color: white;
   font-size: 0.8em;
   text-decoration: none;
   display: none;
}
#reservation h1 {
   font-family: arial, verdana, san serif;
   font-weight: normal;
   letter-spacing: 0.1em;
   font-size: 1.6em;}

.red {color: #ff0000;}
.rightimage {margin-left: 10px; margin-bottom: 10px;}
#property-of-the-month img {
   margin-right: 10px; 
   margin-bottom: 10px; 
   float: left;
}
#specialLink {
   color: #FF0000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-color: #FF0000;
}

×
×
  • Create New...