Using different colors on background module header

  • mol4
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
13 years 8 months ago #7097 by mol4
Hello,

I still have some issues. As you can see on studiopat.nl.mol5.nl I've çoloured' an few other module-headers. But I can't figure out how to get the background white on the left module with the VM categories and there still a gap beneath the Payment header and the logo's beneath that isn't white.

Please Log in to join the conversation.

More
13 years 8 months ago #7099 by pirossi
inside css/template_css.css, find this:
Code:
div.moduletable-m4m1 p, div.moduletable-m4m1 div, div.moduletable-m4m1 td { background-color: #FFFFFF !important; padding-bottom: 0; padding-left: 10px; padding-right: 10px; padding-top: 0; }
and edit it like this:
Code:
div.moduletable-m4m1 p, div.moduletable-m4m1 div, div.moduletable-m4m1 td, div.moduletable-m4m1 ul { background-color: #FFFFFF !important; padding-bottom: 0; padding-left: 10px; padding-right: 10px; padding-top: 0;

Please Log in to join the conversation.

  • mol4
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
13 years 8 months ago #7100 by mol4
Thanks, that solved one issue. :-)

Please Log in to join the conversation.

More
13 years 8 months ago - 13 years 8 months ago #7102 by pirossi
I didn't see the 2nd issue.
In template_css.css find:
Code:
div.moduletable-m4m2 p, div.moduletable-m4m2 div, div.moduletable-m4m2 td { background-color: #FFFFFF !important; padding-bottom: 0; padding-left: 10px; padding-right: 10px; padding-top: 0; }
insert margin:0; to look like this:
Code:
div.moduletable-m4m2 p, div.moduletable-m4m2 div, div.moduletable-m4m2 td { background-color: #FFFFFF !important; padding-bottom: 0; padding-left: 10px; padding-right: 10px; padding-top: 0; margin:0; }

You can try to add some top padding (padding-top: 10px;) and some height to line up module with the content area (height: 107px;).
But that is just a suggestion.

edit:
for borders you can add:
Code:
border: 1px solid #D4D6D7;
inside both classes (moduletable-m4m1 and moduletable-m4m2).
Last edit: 13 years 8 months ago by pirossi.

Please Log in to join the conversation.

  • mol4
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
13 years 8 months ago #7103 by mol4
Thanks!
Now I'm gonna struggle to get the nice edges around the modules just like in the original template.

Please Log in to join the conversation.

More
13 years 5 months ago #9215 by darada
I have similar problems - want to change several colours and can't find WHERE shall I adjust it! Where is this style.php file you were talking about in the first place? Can you specify the path, please?
And how can I change the main background colour?

Please Log in to join the conversation.

Time to create page: 0.106 seconds
Powered by Kunena Forum