NavBar help

pabloconrad

Yo. Trying to get my navbar to look right and just can't seem to get CSS to work.

A couple of questions:
1. Best place to put sitewide CSS: In the Themes CSS box? Or a CSS box on the Sitewide page?

2. How can I get the popup menu to have a transparent backgroun?
3. How can I get the link to brighten up when you hover over it?
3. How can I get the navbar link to change color for the active page?

I've searched and found code, but I can't get it to work. Hence Q1.

Thanks in advance.

denisegoldberg

pabloconrad wrote: »

A couple of questions:
1. Best place to put sitewide CSS: In the Themes CSS box? Or a CSS box on the Sitewide page?

3. How can I get the link to brighten up when you hover over it?

Sitewide CSS can go either in a CSS content element on the sitewide page or in your Themes CSS box. If you use multiple themes and you want the same CSS in all of the themes then a CSS element on the sitewide page would probably be better. But either placement should work.

I use this CSS (in my theme) to change color and apply an overline on hover:

/* Adds hover effect to all links on site */
a :hover, 
a:hover {
  color: #19a791 !important;
  text-decoration: overline !important;
}

--- Denise

pabloconrad

Thank You Denise.

I'll try to implement that in the next day or so. The wife's birthday so we're heading out for the weekend.

Have a good weekend.

phaserbeam

denisegoldberg wrote: »

I use this CSS (in my theme) to change color and apply an overline on hover:

Thanks Denise for that code... i added some "glowing"-effect to the hover thing and now i really like that

/* Adds hover effect to all links on site */
a :hover, 
a:hover {
  color: #ACCDDE !important;
  text-shadow: 0 0 0.2em #66CCFF, 0 0 0.2em #66CCFF;
}

Note: This also applies to titles on recent photos content block, but that is ok for me

pabloconrad

phaserbeam wrote: »

/* Adds hover effect to all links on site */
a :hover, 
a:hover {
  color: #ACCDDE !important;
  text-shadow: 0 0 0.2em #66CCFF, 0 0 0.2em #66CCFF;
}

Note: This also applies to titles on recent photos content block, but that is ok for me

This is actually what I was looking for. Better than what I originally wanted. Changed the Hex color code and it works great now.

Thanks!!!