Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Change bottom margin

Featured Lock Resolved Issue
I am trying to change the bottom margin of the:

<section id="sp-slide-show-wrapper" class=" ">

and I can't find the place where I can do it. The inspector shows me that there is an inline style applied in line 7

#sp-slide-show-wrapper {
margin: 0 0 80px 0 !important;
}

but searching the code I don't see any place with this id or style.

Where this is set or how can be changed?

Thank you in advance

9 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Knock knock .. have you tried to change margin value in Section "Slide show wrapper" : Layout tab in template settings

Paul Frankowski - Staff

More than a month ago #Permalink
Hi Marek,
if this is Helix3 template - you have two choices:
1) Custom CSS field in template settings
or
2) custom.css file which should be inside template folder /css/ here

---
If this template is based on Helix II - look above at option (2)
---
If your template is from other developer - check its manual where to put custom CSS code.

Marek

More than a month ago #Permalink
Hi Marek,
if this is Helix3 template - you have two choices:
1) Custom CSS field in template settings
or
2) custom.css file which should be inside template folder /css/ here

---
If this template is based on Helix II - look above at option (2)
---
If your template is from other developer - check its manual where to put custom CSS code.


Hi Paul,

I am using Travel Kit template (http://demo.joomshaper.com/2014/travelkit/) and there is no custom.css. In the template settings I can't see anything for the style as well. I wonder if its stored somewhere in the database?

When you look at the TravelKit demo page and inspect slide you can see the same style applied (with 80px bottom margin), Maybe this will help.

Thanks

Marek

Paul Frankowski - Staff

More than a month ago #Permalink
If there is no custom.css file - you have to create a new one. Sorry I forget to tell you.
There should be stored all you CSS changes. Do not edit other .css files. Just override class/ID used by us.
---
Have fun!

Marek

More than a month ago #Permalink
If there is no custom.css file - you have to create a new one. Sorry I forget to tell you.
There should be stored all you CSS changes. Do not edit other .css files. Just override class/ID used by us.
---
Have fun!



Hi Paul

The issue with this approach is that the inline style is with the '!important' marker and according to the css rules it can not be overwritten by css from an external file (custom.css) or any other source. Inline style with '!important' will be always executed.

I think we need to get to the source of the code and find out where the 80px margin - inline style is inserted.

Thanks in advance

Marek

Paul Frankowski - Staff

More than a month ago #Permalink
you can add class before, so your style will be stronger.

Marek

More than a month ago #Permalink
you can add class before, so your style will be stronger.


Before what?

To overwrite inline !important style I need to add an inline style or modify the inline style. Adding a link with me css before it it will not work.

Have you tried it? Did that worked for you? Didn't work for me

Marek

More than a month ago #Permalink
Knock knock .. have you tried to change margin value in Section "Slide show wrapper" : Layout tab in template settings

Bingo!

Thanks Paul


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 103
Sifat

Sifat

Total Accepted Answers: 97
Toufiq

Toufiq

Total Accepted Answers: 36
Pavel

Pavel

Total Accepted Answers: 4
J

johnny

Total Accepted Answers: 3

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us