Shape 5

Joomla Templates => Sea of Glass - September - Club => : akerman September 28, 2008, 02:04:29 PM

: SOLVED! - CSS for the 'Buttonheading' in SoG
: akerman September 28, 2008, 02:04:29 PM

Hi,

I would like to style the icons in the button heading, so that they change image when hover occur.

I'm aware that this not really pass for a true 'SoG' question, but hey, I'm working on SoG... ;)

Just need some pointer on how to identify the PDF, Print, email images in the stylesheet.

Regards
Akerman

: Re: CSS for the 'Buttonheading' in SoG
: jonahh September 30, 2008, 11:13:55 AM

Hello Akerman,

The CSS for this is located in template_css.css at line 219

td.buttonheading {
padding:0 0 0 3px !important;
text-align:center;
}

But you might need to write some Javascript to implement a hover action, CSS really won't work as there are no classes or ID's on these elements. Or you could find out where Joomla outputs these and change the outputs to LI's (giving them a class and setting the background to the image source) instead of the current IMG elements.

Regards,

: Re: CSS for the 'Buttonheading' in SoG
: akerman September 30, 2008, 12:48:02 PM

Hi,

hmm, interesting. I think I will try with your second suggestion and see if I mange this.

I think it would be nice to have completely grey buttons and then hover them into full colourful icons. :)
(Since I'm aiming at bringing in a lot of photos, I prefer the template to have as little disturbing colour spots as possible)

Thanx
Akerman