PDA

View Full Version : Contolling font color in top_bar


razzd
03-03-2006, 07:10 AM
Hello all...
I've got a page with a white background and the top bar has a blue backbround. I have ben trying to apply the follow code so that it only effects the top bar and not all of the rest of the url links on the rest of the page, i.e., white text on top bar and all other links as they are originally. When I apply this code to the css file, of course it effects all links which makes the main catagory link text white on the white background. I've tried numberous things without success. Without posting all of my feable attemps.... Can anyone help me with this?

A { text-decoration: none; }
A:link { color: #FFFFFE; }
A:visited { color: #FFFFF9; }
A:hover { color: #354F5E; }

One more thing. I added a Left column to my layout. I found that (div.footer) can control the spacing above the footer (between the footer and the new column) but what controls the spacing just below the top_bar? I have a gap of about 10px there and I have gone through the entire css layout, and the main.tpl and can't determine what contols this spacing. Any advice, please?
Thank you....

anon
03-03-2006, 07:21 AM
Content visible to registered users only.

create a subdivision for your top bar.
Content visible to registered users only.

use it like this: <a class="topbar" href="">

Boby
03-03-2006, 07:40 AM
If you still have the standard top_bar.tpl you can use for example:
Content visible to registered users only.
You can set custom link styles by adding the parent element, in our case the div with id "path".
And sure you can adapt this in your custom template if it's changed ;)

Boby

razzd
03-03-2006, 07:57 AM
Thank you both for your quick and accurate responce. It works good.
I had another question...maybe should made a seperate post but, I try it here again..... What are we doing up this late or is this early?

I added a Left column to my layout. I found that (div.footer) can control the spacing above the footer (between the footer and the new column) but what controls the spacing just below the top_bar? I have a gap of about 10px there and I have gone through the entire css layout, and the main.tpl and can't determine what contols this spacing. Any advice, please?
Thank you....

Boby
03-03-2006, 08:08 AM
Can we take a look at your page? It's hard to say what element is causing the space without seeing it.
In the defaul template, the space is between div.path and <h3>{l}Categories{/l}</h3>, but also depending on your version (2 or 3)

Boby

anon
03-03-2006, 08:14 AM
haha i was about to say the same thing as Boby about seeing your page.

I was also going to say that your code might be skewed around with that <h3>{l}Categories{/l}</h3>. might be missing something.

it's really hard to go by nothing visiual or at least being able to see code, and even especially harder because i help without having the same template as you guys. (custom for me)

razzd
03-03-2006, 02:48 PM
Hey guys, I would be glad to post a link to the site but, I have everything loaded on an off line server right now for testing (I'm working an a whole new site). As soon as I get the site on a public server I plan to post a link here to show all. But regardless of this, the space below the top bar and between the catagory listings is the same space that is present on the original install of the program. I am using version 2.


:D UPDATE.... I got it!
I added ( margin-bottom: 0px; ) to #path in main css. No more gap / space between top bar and catagoies.

Much thanks.