1. tdossantos
  2. Commercial Templates
  3. Friday, 20 September 2013
  4.  Subscribe via email
Hi Ciaran,
another 2 questions regarding the Metropolis template -
a) can you please suggest what custom css to use to change the heading-colour just for the side-column headings -
the side-columns are darker modules, and I would like the text to be whiter.

b) when I assign a module-suffix of "style-box" to the side-column module, then the module becomes the same color as the lighter background, which is great to have as an option. Is there a way for me to be able to specify dark text for those modules?

The effect would then to have some dark side-column modules with whiter text, and some lighter side-column modules with dark text. Is this even possible? I know the module headings are h3, but there is some override which changes the side-column module heading darker. I tried to change it using some custom css, but I didn't quite get it right.

Thanks!
Tami
http://dev.wchs.info
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Tami

a. To change the sidecol headers could you try adding the following to the Custom CSS field of your templates parameters...


.sidecol_block .module_header h3 {
color: #FFFFFF !important;
}


b. Would you have a URL to an example of the text you wish to darken? There shouldn't be any issue changing the color of any text depending on the module class suffix.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,
I've been away, now I'm back to working on this website.
Thanks for your previous replies.
Regarding my request (b) to have dark text in the side-column box, here is the url:
http://dev.wchs.info/ (look for the side-col module on the right with heading CSH News, I have put in a module-style: "style-box", which avoids the darkening of that side-col module).

Here is another question about the side-column styling:

c) Can the side-col module have a white/light background, with dark text ? Clients are finding the side-col modules too dark.

Also, I'm not sure if I should start a new topic for this:

d) Can the logo-container have a background color? I now have a logo which is plain grey&black, transparent, so any background colour will show through. I would like to have a pale-green as background colour for that whole logo module. Can you tell me how to do that?

Thank you, you are always so fast to respond, I really appreciate your great service!!
Tami
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Tami

Regarding the dark text in the sidecolumn area of your site try adding the following to the Custom CSS field of your templates parameters where #000000 is the new color of your text...


#sidecol_b .module_style-box, #sidecol_b .module_style-box a, #sidecol_b .module_style-box h3 {
color: #000000 !important;
text-shadow: none;
}


Regarding (c) do wish to make this change to the default module or to the 'style-box' variation?


To change the background color of your logo area add the following to the Custom CSS field where #C8DFE4 is your new background color...


#logo {
background-color: #C8DFE4;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok