Cobessi Philippe
Fresh Boarder
|
[SOLVED]Templates customization
|
Karma: 0
|
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)
|
|
|
Logged
|
|
The administrator has disabled public write access.
|
John Dagelmore
Admin
|
Re:Templates customization
|
Karma: 79
|
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
|
|
|
Logged
|
|
The administrator has disabled public write access.
|
Cobessi Philippe
Fresh Boarder
|
Re:Templates customization
|
Karma: 0
|
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)
|
|
|
Logged
|
|
The administrator has disabled public write access.
|
John Dagelmore
Admin
|
Re:Templates customization
|
Karma: 79
|
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 !
|
|
|
Logged
|
|
The administrator has disabled public write access.
|
Cobessi Philippe
Fresh Boarder
|
Re:Templates customization
|
Karma: 0
|
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 ?
|
|
|
Logged
|
|
The administrator has disabled public write access.
|
John Dagelmore
Admin
|
Re:Templates customization
|
Karma: 79
|
Yes it looks right to me.... try to post the link to that page and i will check if styles are saved and available.
|
|
|
Logged
|
|
The administrator has disabled public write access.
|
|