Parallax Padding / Page builder padding remove

[jasonyoshi]

Hi,

Parallax Padding – I would like to use the parallax page builder element under the navigation bar but not sure if there is padding from the navigation or parallax element. I believe I’ve turned off all the features where the page title etc are supposed to go in the admin. After reading through the docs you have some classes that should remove this correct? I thought I had place this in the Custom CSS area but not working.Could you point me in the right direction?

Thanks,
J

[Swift Ideas – Ed]

Hi there,

Have you checked the box to remove top spacing in the page meta options?

– Ed

[jasonyoshi]

Hello,

Yes I made sure I did that. It works for the bottom as I noticed content is tight to the footer. I’ve attached a screen shot of my header and the spacing.

Thanks,
J

[dani_s]

I’m having the exact same issue. Any solutions?

[jasonyoshi]

Hey dani_s,

After reading through the documentation the theme developers have placed default padding and margins into the elements.

By placing some CSS into the theme options> Custom CSS/Js – You can remove it and it will but up to the top of the header. It will also allow you to stack two of them together on top of each other. There is a grey line that will need to be removed from the edge as well.

I had a developer do this for me. This is the CSS that I see in there. You may want to try this (I can’t guarantee it will work on your theme ) I also am working on the child theme for my development. Remember this is only targeting the parallax element and overriding the themes CSS but keeping the original CSS there.

.spb_parallax_asset.parallax-stellar {
margin-top: 0 !important;
margin-bottom: 0 !important;
border: none !important;
}

@ ED – If I’ve explained this wrong please jump in and correct me.

Happy holidays!

[mikedubs]

jason…you are the man! i just applied the code to my site and it worked perfectly!

ed, i am sure there are other clients like us that want to remove padding on swift builder assets…could this be a candidate for a future theme update in the general settings or a cheat sheet on how to do this for individual assets?

merry xmas all 🙂

[dani_s]

Thanks! This only worked for me when I took off the .parallax-stellar class!

[Swift Ideas – Ed]

Hey guys,

This is actually much easier to do, just check the advanced tips section of this area in the docs – http://dante.swiftideas.net/documentation/#swift-page-builder

Hope that helps!

– Ed

[rreadotcom]

The override classes are brilliant. Thank you so much. I am having one slight problem (see screenshot). When I have a parallax section and have an image that I want to be snug against the bottom of the parallax section, I add the extra class of “pb0”. I still get 5 pixels or so of padding. Any idea how to get rid of this?

[Swift Ideas – Ed]

Can you drop me a link to your site to check? There is likely some margin on the image that you’ve added.

– Ed

[rreadotcom]

This reply has been marked as private.

[rreadotcom]

This reply has been marked as private.

[Melanie – SUPPORT]

Hey, could you verify the link you posted? As I don’t see the section from your screenshot there.

Cheers

[hasthegeek]

This reply has been marked as private.

[Tahir – SUPPORT]

Hi Hasthegreek,

You need to put the class names in the Parallax asset extra class field inside the Swift Page builder.
Please see screenshot for reference: http://prntscr.com/2rs969 .

Thanks
Tahir