fbpx

An Exclusive Offer For You To Grab JD Builder ProCheck Deal of The Day

Welcome, Guest
Username: Password: Remember me

Like Using JD Builder?

Submit feature requests on github and help improve JD builder.

Submit Now

TOPIC: Backgroundcolor of modules

Backgroundcolor of modules 6 months 3 weeks ago #13962

  • jjsjjs
  • jjsjjs's Avatar
  • Offline
  • New Member
  • Posts: 7
  • Karma: 0
Hi,
i have 2 modules on postions sidebar-a and sidebar-b.
The backgroundcolor of the whole row including component is set on #202020.
But the modules are displayed with a #fff white background.
In developermode of the browser it is refered to line 2165 and 2171 of a certain css file.(no real name just ashg12232hghghgahjg.css or similarshown in browser_devmode)
I checked the css files. There is no such line with a #fff colour. So it must be coming from somewhere else.
Could you point out where i can change the color to match #202020, is it something i can set in the template or is it in a css or less file?

Thank for any clearance on this and thanks for all you do.

Regards,
JJS
Last Edit: 6 months 3 weeks ago by jjsjjs. Reason: corrected naming of modules positions
The administrator has disabled public write access.

Backgroundcolor of modules 6 months 3 weeks ago #13987

  • Arvind
  • Arvind's Avatar
  • Offline
  • Moderator
  • Posts: 157
  • Thank you received: 20
  • Karma: 4
Hello,

Please follow this video on how to set the background color of a row to confirm if you're doing it right!

If it's still not working try to clear the cache in Joomla backend as well as the cache of your browser and let us know if it works.

Thanks,
Arvind
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Backgroundcolor of modules 6 months 3 weeks ago #13995

  • jjsjjs
  • jjsjjs's Avatar
  • Offline
  • New Member
  • Posts: 7
  • Karma: 0
Hello Arvind,

thank you for your reply.
How you show it in the video, that is exactly how i do set the background color of the row.
So the row is standard: sidebar-a_component_sidebar-b
On the component the background is ok. only the backgrounds of the added modules are white.
See pics for some clarification. Thank you.







Thank you for your help.

Kind regards,
JJS
Last Edit: 6 months 3 weeks ago by jjsjjs. Reason: layout of message chenged when adding the word component
The administrator has disabled public write access.

Backgroundcolor of modules 6 months 3 weeks ago #14021

  • Arvind
  • Arvind's Avatar
  • Offline
  • Moderator
  • Posts: 157
  • Thank you received: 20
  • Karma: 4
Hello,

To change the background color of the module, you'll be needed to write custom CSS. First, assign a class to that module from framework backend, then write the required CSS in your custom created CSS file.

thanks,
Arvind
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.
The following user(s) said Thank You: jjsjjs

Backgroundcolor of modules 6 months 3 weeks ago #14031

  • jjsjjs
  • jjsjjs's Avatar
  • Offline
  • New Member
  • Posts: 7
  • Karma: 0
HEllo,

so i copied the template.css to custom.css and added this:
/* own module background color */
div.myBlackBackClass {
background-color: #000;
}
and added the classname to the module with a space before it like explained here: docs.joomla.org/Using_Class_Suffixes at the section for modules

but no result, it stays white

But i must be doing it not good i think, i'm no css programmer.

thanks.
JJS
The administrator has disabled public write access.

Backgroundcolor of modules 6 months 3 weeks ago #14041

  • Arvind
  • Arvind's Avatar
  • Offline
  • Moderator
  • Posts: 157
  • Thank you received: 20
  • Karma: 4
Hello,

Create a custom.css file in the following path
Path: templates/TEMPLATENAME/css/custom.css

You're not needed to paste the whole template.css files CSS into the custom.css file(in the custom.css file you write your own custom CSS template CSS has nothing to do with it).

watch this video on how to assign a custom class to a module.

https://www.screencast.com/t/C9B6YIUDKxr

Then, using that class write the CSS to set background.

Thanks,
Arvind
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Backgroundcolor of modules 6 months 3 weeks ago #14050

  • jjsjjs
  • jjsjjs's Avatar
  • Offline
  • New Member
  • Posts: 7
  • Karma: 0
Thanks Arvind, i putted the class name into the module as explained at the Joomla.org help link. I will try it out as you proposed. Thanks a lot!
The administrator has disabled public write access.
Time to create page: 0.234 seconds