Recent
Categories
View Replies (3)

Icons Module Example 1 - Opacity

  1. Issue
0
Votes
Undo
  1. Drew
    Drew
  3. Commercial Templates
  4. Friday, 15 March 2019
  5.  Subscribe via email
Ciarán,

Is it possible to make the Icons Module Example 1 or Example 3, have an Opacity/Transparency (Naomi Template)?

I tried the following for a Module Class Suffix, with no success:



 .transperancybackground { 

         background-color: rgba(76, 175, 80, 0.3); 

}


Any suggestions please.

Thank you.

- Drew Untitled-1.jpg
Attachments (1)
Untitled-1.jpg Untitled-1.jpg
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Drew

To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

Replace 555 with your modules ID (Module Manager - Right column)

.j51_icons555 .j51_icon {

    opacity: .5;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Drew
Drew
Accepted Answer Pending Moderation
0
Votes
Undo
Wonderful. Thank you!

I was thinking it would not effect the text color as well.

Is it an option to retain the text color without opacity? Or Adjust to be darker?

Thanks again.

- Drew
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Drew

To just affect the background color you can use something like the following...

Edit to taste

.j51_icons555 .boxed figure {

    background-color: rgba(76, 175, 80, 0.3); 

}


Ciaran
  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!

Site Links

Recommended

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.