End of Support for Joomla 3 - Forum closed
[SOLVED] Changing background color of modules
Hi,
I would like to change the background color of the bottom-a, b and c positions. Can this be done from within the administrative back-end of the site (via template management) or do I need to change parameters in the CSS files ?
If so, can you point me to the right location ?
Thanks,
Mario
I would like to change the background color of the bottom-a, b and c positions. Can this be done from within the administrative back-end of the site (via template management) or do I need to change parameters in the CSS files ?
If so, can you point me to the right location ?
Thanks,
Mario
by bluecie
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic Changing background color of modules
Posted 9 years 2 months ago #9533
The X2 theme is base don Warp6 and here you can read how to add a new module style:
yootheme.com/themes/documentation/custom...e-a-new-module-style
yootheme.com/themes/documentation/custom...e-a-new-module-style
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
Hi,
I just saw from your reply that I posted my question under the wrong template. I'm using the Xtra template, not X2. Apologies ! I believe that one is using the WARP7 framework...
Is this the same approach ?
Thanks,
Mario
I just saw from your reply that I posted my question under the wrong template. I'm using the Xtra template, not X2. Apologies ! I believe that one is using the WARP7 framework...
Is this the same approach ?
Thanks,
Mario
by bluecie
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic Changing background color of modules
Posted 9 years 2 months ago #9535
Yes youre right, in Warp 7 themes its a bit different.
>> Goto Template Options > Customizer > Advanced > Panel > Box
>> Goto Template Options > Customizer > Advanced > Panel > Box
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
Hi,
So I verified the background of bottom-a and it seems to be #ffffff.
The only parameter under ..\Panel that I found having this color was Box Background. However changing it to the desired color did not make a difference.
When I use firebug, the parameter I need to change to get the result I'm after is in the file grey.css, line 19:
.bottom-a-router
This was #fff
When I change it into #3498DB, the full bottom-a band is coloring blue like I have in mind.
Is this parameter contained in the customizer ?
Kind regards,
Mario
So I verified the background of bottom-a and it seems to be #ffffff.
The only parameter under ..\Panel that I found having this color was Box Background. However changing it to the desired color did not make a difference.
When I use firebug, the parameter I need to change to get the result I'm after is in the file grey.css, line 19:
.bottom-a-router
This was #fff
When I change it into #3498DB, the full bottom-a band is coloring blue like I have in mind.
Is this parameter contained in the customizer ?
Kind regards,
Mario
by bluecie
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic Changing background color of modules
Posted 9 years 2 months ago #9541
Youre right, but I thought you want to change the module background only
If you want to change the whole section background where the modules are stored you have to change the css file.
But please never change any org css file.
Add this code to your file: css/custom.css
If you want to change the whole section background where the modules are stored you have to change the css file.
But please never change any org css file.
Add this code to your file: css/custom.css
.bottom-a-outer {background:#ff0000}
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
The following user(s) said Thank You: bluecie
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates