Forum Support

Shape 5
March 28, 2024, 05:50:32 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: s5 Vertical Accordion Background (-no_background) class suffix not working  (Read 1058 times)
epsium
Jr. Member
**
Offline Offline

Posts: 16



« on: June 26, 2015, 04:49:08 PM »

Hello,

I am trying to make my production S5 Vertical Accordion look like the callie rush demo accordion.

No matter what I try, I can't get rid of the white box background in the module.

Please advise.
http://bancarrotaprofesional.com/
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: June 26, 2015, 07:57:22 PM »

Hello,

Are you referring to this box-shadow?

Code:
Editor.CSS - Line 350

.padded {
    border: 3px solid #ffffff;
    border-radius: 2px;
    box-shadow: 0 0 14px #949393;
    margin-bottom: 9px;
    margin-right: 12px;
    margin-top: 2px;
    padding: 0;
    position: relative;
    transition: all 300ms ease-out 0s;
}
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
epsium
Jr. Member
**
Offline Offline

Posts: 16



« Reply #2 on: June 29, 2015, 01:21:32 PM »

I'm really not sure.

-All I know is that I've published my vertical accordion and I've chosen the '-no_background' module class suffix, and it's not working. I can't remove the outline around the module.

The site shaper and the demo do not have this outline.

Thanks,
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: July 01, 2015, 06:56:58 PM »

Hello,

You can remove the background, border and box shadow from the module coding below:

Code:
Template.CSS - Line 778

#s5_bottom_row2 .module_round_box_outer .module_round_box_with_title, #s5_bottom_row2 .module_round_box_outer .module_round_box, .module_round_box_outer2-no_background .module_round_box_with_title, .module_round_box_outer2-no_background .module_round_box, #s5_drop_down .module_round_box_outer .module_round_box_with_title, #s5_drop_down .module_round_box_outer .module_round_box, .module_round_box_outer2-no_background .module_round_box_with_title, .module_round_box_outer2-no_background .module_round_box {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dfdfdf;
    border-radius: 0 8px 8px;
    box-shadow: 0 2px 3px #b7b7b7;
    padding: 10px;
}
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
epsium
Jr. Member
**
Offline Offline

Posts: 16



« Reply #4 on: July 01, 2015, 08:41:32 PM »

Excellent. That worked brilliantly. Thank you!
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: July 03, 2015, 07:39:38 PM »

NP Smiley
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
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.