Support Forums

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

Your Time: Our Time:

vertical alignment of the content of the slide addon

Featured Lock Resolved
Hello,
is it possible to align verticaly the content (title, subtitle, content and button) of my slides in the slider addon of Joomshaper ? Lot of other sliders do this automaticaly...

Thanks for your answer

Lionel

10 Answers

Lionel Nolhac

More than a month ago #Permalink
Sorry there is an error in my question : i meant "... in the content of my slides in the slider addon of SP page builder pro ?"

Lionel Nolhac

More than a month ago #Permalink
Is there anyone to answer to my question ????? 8 days for an answer !!!

Lionel Nolhac

More than a month ago #Permalink
Always no answer here......

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
is it possible to align vertically the content (title, subtitle, content and button)

of course .. using f a custom CSS .

TOP
.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner > div > div {
vertical-align: top;
}

OR DOWN
.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner > div > div {
vertical-align: bottom;
}


I have checked on my private demo.... and worked. Then using extra CSS you can add more top or/and bottom margins.

Lionel Nolhac

More than a month ago #Permalink
Hello thx for the answer I was desperate to see someone here :D
The slider I use is the special version you have (varsita)
here is my website : http://www.techxv.fr

Paul Frankowski - Staff

More than a month ago #Permalink
My CSS helped? I hope yes. I tested it on my private site.
Please use it according to this guide: : https://www.joomshaper.com/documentation/helix3/custom-code-settings

Lionel Nolhac

More than a month ago #Permalink
No sorry it didn't help me because I don't want to align to the top or bottom, I want to center the content vertically.
Sorry for the mistake in my question.

Paul Frankowski - Staff

More than a month ago #Permalink
Ohhh, be default it should be centered, but in some template overrides text goes to left side like In Versita.
It request few extra lines of css code... but try from this, not perfect but.... quite well


.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .container .sppb-slideshow-item-text.sppb-slideshow-fullwidth-item-text {
left: 23%;
}

Lionel Nolhac

More than a month ago #Permalink
You mean that with a modification like "left:23%" my content will be centered vertically ?
I want my content centered between the top and the bottom of the slider (vertically ^^)
Your css is for that ?

Paul Frankowski - Staff

More than a month ago #Permalink
please try.... then write.
---
Ok some info:
first solution was for vertical , second one from yesterday for horizontal position .... maybe now you need 3D, hahha ?


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

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 152
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 85
Toufiq

Toufiq

Total Accepted Answers: 21
Pavel

Pavel

Total Accepted Answers: 3
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289300

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