Forum Support

Shape 5
March 28, 2024, 05:18:53 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: transparent module style  (Read 762 times)
yorellek
Jr. Member
**
Offline Offline

Posts: 12



« on: June 11, 2015, 11:09:13 AM »

Is it somehow easily possible to add some transparency parameter to the module styles-dark, -gray, -highlight1 and 2 as well as -lightcolor?
For my purposes it would be great if I could add something like "-gray transp50" to the module class suffix (here for a 50% transparent background) so that I can see the parallax background image which I defined for a specific area underneath the module.

Thank you very much! Yo
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: June 11, 2015, 01:10:28 PM »

Hello,

Yes this is possible but to add a module style it would require custom coding to do so.  You can either copy one of the module styles included and rename as you suggest and add some CSS opacity to it (to point you in the right direction).  Or post in the hire a coder area here on the site to get a coder to help you with this.

Regards,
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
yorellek
Jr. Member
**
Offline Offline

Posts: 12



« Reply #2 on: June 11, 2015, 02:59:47 PM »

Thanks jonahh for the pointer -I will try. Regards Yo
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: June 12, 2015, 08:30:51 PM »

Let us know if you have any further questions!
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
yorellek
Jr. Member
**
Offline Offline

Posts: 12



« Reply #4 on: June 14, 2015, 09:58:56 AM »

Thanks Mike for your follow-up.
I was successful in altering the module_round_box css directly by adding the "opacity" paramater.
Establishing a personal second module class suffix will be harder I think.
Since module class suffix highlight1 and highlight2 get their color codes from the vertex backend "theme specific" I can not just add opacity to the concerning template.css sections, right?
At the moment I am facing a bigger challenge regarding S5 tab show on a second homepage. I will open a new thread.
Regards Yo
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: June 15, 2015, 11:23:57 AM »

Yes correct you can just add the opacity to these existing module styles in the template.css file instead of creating a new one
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.