1. rogimon
  2. Commercial Templates
  3. Friday, 23 October 2015
  4.  Subscribe via email
Hello. I can't seem to get the module class suffix to work in this module. When the suffix is added, it distorts the module. I bought this two years ago and I'm trying to style the various module positions. I don't know what I am doing wrong.

I am trying to add custom styling to my site http://tinyurl.com/ne64os6

1. I enter a class name in the module class suffix in the module I'm trying to style. In this case, it is the module Things To Do in the Side COl B position. I called the suffix greenClass.

<div class="module_greenClass"> which expands to <div class="module">

When I click <div class="module">, I see the code in the right pane which I have copied below.

.sidecol_block .module {
color: #ffffff;
}
.sidecol_block .module, .sidecol_block .module_menu {
margin-bottom: 20px;
}
.sidecol_block .module {
background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 0 0 rgba(255, 255, 255, 0.1);
}

If I adjust the background rgb value, both modules in the SIde COl B position change color. What am I to do to get only the "Things To Do" module to change?
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

As you have added the _greenClass class name to the module class suffix field you can now style this module with the following CSS which can be added to the 'Custom CSS' field of your templates parameters (edit to taste)...


.module_greenClass .module {
background-color: #95a7ce;
}


CiarĂ¡n
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • 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.