Support Forum

Need help with css sytle sheat

SR Seth Riley
Seth Riley
Member

I uploaded a theme and I am currently using shades of grey and I want to change the topic so it will flash i different color when someone hovers over it. Where in the shade of grey css style sheat will I find this option. If you could send me a screen shot of where to find it I could handle the rest. Also here is a screen shot of what I’m trying to change. http://screencast.com/t/ZxvksMqBq

17 Answers

New Answer

BR Brandon
Brandon
Member

You want the text color to change or the background to change?

Right now the text color does change when hovered but only slightly.

For text color look for

#spMainContainer a.spRowName:hover, #spMainContainer a.spInRowLastPostLink:hover

in your default.php file. You will see the name of the string it is echoing. IE, $alt1LinkHover. If you go to your overlay you will see that string and you can change it to the color you wish.

You can change the color of the background hover in the same section by adding the background: css and then the color you want it to be when hovered.

SR Seth Riley
Seth Riley
Member

I want the text color to change red when you hover over it.

MP Mr Papa
Mr Papa
Member

Brandon gave it to you, I believe…

#spMainContainer a.spRowName:hover, #spMainContainer a.spInRowLastPostLink:hover {
color: #80000;
}

but much easier to tell for sure with link then a screencast…  might have misunderstood…

SR Seth Riley
Seth Riley
Member

So I found this #spMainContainer a.spRowName:hover in the main marketingden php. I’m guessing that is the default? Anyways I don’t quite understand if I add my color to the marketingden php. or the layover shades of grey css style sheet. because if it’s the layover this #spMainContainer a.spRowName:hover doesn’t exist .

SR Seth Riley
Seth Riley
Member

This is in the main marketingden php. http://screencast.com/t/BU6m7ihFi2 is this where I add my color code?

MP Mr Papa
Mr Papa
Member

in this case, you want to edit the overlay wink file…  find the $alt1LinkHover declaration and change the color there…

MP Mr Papa
Mr Papa
Member

you need to grab a copy of firefox and the firebug add on for it… with that you can easily inspect any element and css…  you can even what if changes right there on the site before formally making the changes…

those are all controlled by

#spMainContainer a.spButton

in your main theme css file…  if using overlays, you will see the variable in the overlay file to modify…

SR Seth Riley
Seth Riley
Member

Yeah I downloaded fire bug last week but still haven’t used it lol I should do that ASAP!

MP Mr Papa
Mr Papa
Member

no worries.. but you will find it easier to use than asking us…  plus a bit of reward when one learns… but we are here if you need us…

SR Seth Riley
Seth Riley
Member

Mr Papa said  if using overlays, you will see the variable in the overlay file to modify…

 

 Variable? where is that in the overlay style sheet?

SR Seth Riley
Seth Riley
Member

I’m pretty sure this is the last thing I want to change on this forum and I will stop bugging you lol sorry

MP Mr Papa
Mr Papa
Member

not bugging… no worries…

variable is a php variable…  like we talked about before:  $alt1LinkHover

BR Brandon
Brandon
Member

Seth, check out this post on the button colors.

https://simple-press.com/support-forum/sp5-general-topics/add-link-to-topic/#p105217

It explains how they work and also gives you a quick easy way to change them.