We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

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

Your Time: Our Time:

SP Cuisine Slider - change of height

Featured Lock Resolved Issue

I would like to change height of SP Slider which is over the whole screen. I would like to reduce its height to 50-70%. How can I change it please, in pixels? I've tried to upload image with smaller height with no success. All others objects should then follow normally below the slider without gap.

Thank you.

4 Answers

Sifat - Staff

More than a month ago #Permalink
Please use this css instead and that'll solve the issue.

#sppb-slider-fullwidth .item {
padding: 150px 0 100px !important;

-Best Regards

Sifat - Staff

More than a month ago #Permalink
Thanks for your query. Sorry there is no default feature like that to control the height of the slider. You can use this css into your custom css to solve this.

#sppb-slider-fullwidth .item.active {
height: 500px !important;

Here is the custom css field https://prnt.sc/ijudw8

-Best Regards

Juraj Ziak

More than a month ago #Permalink
Hi Sifat,

thank you, however by reducing height of the slider, there are another issues - title, subtitle and read more button are not centered then, so title and subtitle are too low and read more button isnt visible at all.

Thank you in advance for the whole code which will fix it at all including titles, buttons....

See attachment.



Attachments (1)

  • Untitled.jpg
    Untitled.jpg 211.9 KB

There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


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