[Resolved] Slider!

[Smeko]

Hello.

This is my frontpage and i want to remove the Title and the slider size will be like the contents widht. I have drawed a grey area that show, how it supposed to be.

[Smeko]

Here is the picture.

Frontpage

[Tom]

Do you have the Disable Elements add-on.

If so, you can choose to hide your title using that metabox.

Then, wrap your slider in this HTML class:

<div class="ignore-xy-spacing">
      Slider in here
</div>

[smeko]

Thanks Tom

I have bought the GP Package and im satisfied :).

Can i make it 2-5px smaller than the container to?

Have a nice day 🙂

[Tom]

In that case, you would have to change the class to something custom, for example: reduce-spacing

Then add this CSS:

.reduce-spacing {
      margin: -38px -38px 1em -38px;
}

Would would change the -38px values to whatever value is 2-5px smaller than your set content padding 🙂

[Smeko]

Hello Tom!

Bringing up old post and this is solved. The code with xy space does only work with “XYZ Html” and im using Visual Composer with GP.

The code snippet im using at my start page is this.

This is the plugin im using it for it to work

This is the i get from you.

MVH Smeko

[smeko]

I want to use it without the plugin, because my homepage is a bit slow now. I want to reduce the amount of plugin’s im using wooocommerce shop.

[Tom]

So the code I provided is working as it should? 🙂

[Smeko]

Yes, but it doesnt work without the plugin, can you run it without?

Smeko

[Tom]

That class is built right into GP, so it doesn’t require any other plugins to work.

It does however expect the only spacing to be the content spacing, so if that page builder is adding more padding, it won’t work perfectly and you’ll have to make your own class with specific numbers as shown here: https://generatepress.com/forums/topic/slider-4/#post-122377

[Author]

Posts