Hi,
Is it possible to modify the background color of Black or Silver Template for JS Sitemap Pro module ?
Need to adapt it to the general template colors of my site
If yes, where can I do it ?
Thanks

Phil
(From Paris, France)

Hi Phil,

yes it's possible using custom CSS.
You can override the following style in your Joomla template css file and change the background color as you prefer:

Code:

#jmap_sitemap { background: -webkit-linear-gradient(top, #BEBEBE 0%, #727272 100%); background: -o-linear-gradient(top, #BEBEBE 0%, #727272 100%); background: -ms-linear-gradient(top, #BEBEBE 0%, #727272 100%); background: linear-gradient(top, #BEBEBE 0%, #727272 100%); }

Best regards and greetings to Paris and France. John

Thanks John,
Very quick reply, congratulations.

I'm not a pro,so I'm not sure to know where to write that code into my Template Css file
Template is made with Artisteer

I wrote that full code into my "custom" css scripts into my template.css, but no change

Can you help me in that issue ?

Thanks

Phil
( News : we've got the leader of the Paris terrorists)

Yes normally the file template.css is ok to put that override.

Of course you need to alter colors to see changes, also it could be the case that you need an !important clause to make the override effective like this:

Code:

#jmap_sitemap { background: -webkit-linear-gradient(top, #FF0000 0%, #727272 100%) !important; background: -o-linear-gradient(top, #FF0000 0%, #727272 100%) !important; background: -ms-linear-gradient(top, #FF0000 0%, #727272 100%) !important; background: linear-gradient(top, #FF0000 0%, #727272 100%) !important; }

Try to clear the cache of the browser too, to ensure to get the new styles. PS: that's a great news !

Hi John,
I did change the colors hexa, refresh browser and cache and so on
But no change
I'm not sure having wrote the code in the proper place
I did it here, in template.css file :

/* Begin Additional CSS Styles */
.headline, .headline a, .headline a:link, .headline a:visited, .headline a:hover

#jmap_sitemap { background: -webkit-linear-gradient(top, #FF0000 0%, #00405C 100%) !important; background: -o-linear-gradient(top, #FF0000 0%, #00405C 100%) !important; background: -ms-linear-gradient(top, #FF0000 0%, #00405C 100%) !important; background: linear-gradient(top, #FF0000 0%, #00405C 100%) !important; }
}



/* End Additional CSS Styles */

is that right ?

Yes it looks right to me.... try to post the link to that page and i will check if styles are saved and available.