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!