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:

Text alignment issue for the Carousel Pro Without Background

Featured Lock Resolved Issue
Hi Support,

Could you please advise how to change the text alignment to the middle but not top for the Carousel Pro?
Kindly refer to the screenshot below (CarouselAlignment.jpg).

I would like to to have the same alignment with the Floox demo sample: http://demo.joomshaper.com/?template=floox (CorrectAlignment.jpg).

Thank you.

Attachments (2)

  • CarouselAlignment.jpg
    CarouselAlignment.jpg 49 KB
  • CorrectAlignment.jpg
    CorrectAlignment.jpg 60.5 KB

5 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your query. Please share your site URL to check the issue.

-Thanks

BIS Webteam

More than a month ago #Permalink
Hi there,

Thanks for your query. Please share your site URL to check the issue.

-Thanks


Hi Toufiq, kindly refer to this link:

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your reply. Please add this CSS code inside on your custom.css file.


.sppb-carousel-pro-text {
transform: translateY(45%);
top: 40%;
position: relative;
}


-Thanks

BIS Webteam

More than a month ago #Permalink
Hi there,

Thanks for your reply. Please add this CSS code inside on your custom.css file.


.sppb-carousel-pro-text {
transform: translateY(45%);
top: 40%;
position: relative;
}


-Thanks


Thank you, Toufiq.
The Desktop layout is ok but mobile and tablet layouts are incorrect. Kindly refer to the screenshot below.

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Add this css code inside on your custom.css file.


@media screen and (max-width: 768px) and (min-width: 320px) {
.sppb-carousel-pro-text {
transform: initial;
top: 20%;
position: relative;
}
}


-Thanks


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

124

Templates

331337

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