Sliding Billboard Support Product Page

Navigation style text color not changing

Asked 19 Sep 2010 22:57:09
1
has this question
19 Sep 2010 22:57:09 Chuck Borrelli posted:
The billboard is located here:
pinkribbonjourney.com/gallery.php

I would like the navigation styles to be white... but if you look at the styles in place below, there does not seem to be any changes made. Usually I can figure out which classes affect which elements, but this has stumped me. Which styles would I modify so I can change the font color on the section navigation tabs?

Thanks.


The styles are:


.elegant_blue .dmxBillboardHeader .dmxBillboardSectionNav {
float: none;
background-color: #369;
background-image: url('gradient2.png');
background-repeat: repeat-x;
border-top: 1px solid #7ad;
border-bottom: 1px solid #036;
margin: 5px 0;
color: #FFF;
}

.elegant_blue .dmxBillboardSectionNav a {
color: #fff;
border-left: 1px solid #69c;
border-right: 1px solid #036;
padding: 3px 5px;
}

.elegant_blue .dmxBillboardSectionNav a:hover {
background-color: #9BBBF3;
background-image: url('gradient1.png');
background-repeat: repeat-x;
color: #FFF;
}

.elegant_blue .dmxBillboardSectionNav a.selected {
background-color: #CBD6EE;
background-image: url('gradient3.png');
background-repeat: repeat-x;
color: #FFF;
}

Replies

Replied 20 Sep 2010 09:54:05
20 Sep 2010 09:54:05 Teodor Kuduschiev replied:
Hello Chuck,

Your css file overrides the billboard properties:


#bodyContent a {
color:#8D5153;
}


If you want the Tabs text white - please edit
../Styles/dmxSlidingBillboard/elegant_blue-m/elegant_blue-m.css

Add: !important to the color line as below:


.elegant_blue .dmxBillboardSectionNav a {
border-left:1px solid #6699CC;
border-right:1px solid #003366;
color:#FFFFFF !important;
padding:3px 5px;
}

Reply to this topic