End of Support for Joomla 3 - Forum closed

[SOLVED] Changing background color of modules

  • bluecie
  • bluecie's Avatar Offline Topic Author
  • Junior Boarder
  • Junior Boarder
  • Posts: 24
  • Thank you received: 1

Changing background color of modules was created by bluecie

Posted 9 years 2 months ago #9530
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
by bluecie

Please Log in or Create an account to join the conversation.

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

Please Log in or Create an account to join the conversation.

  • bluecie
  • bluecie's Avatar Offline Topic Author
  • Junior Boarder
  • Junior Boarder
  • Posts: 24
  • Thank you received: 1

Replied by bluecie on topic Changing background color of modules

Posted 9 years 2 months ago #9534
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
by bluecie

Please Log in or Create an account to join the conversation.

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

Please Log in or Create an account to join the conversation.

  • bluecie
  • bluecie's Avatar Offline Topic Author
  • Junior Boarder
  • Junior Boarder
  • Posts: 24
  • Thank you received: 1

Replied by bluecie on topic Changing background color of modules

Posted 9 years 2 months ago #9540
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
by bluecie

Please Log in or Create an account to join the conversation.

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

.bottom-a-outer {background:#ff0000}

The following user(s) said Thank You: bluecie

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License