1. Melvin
  2. Monday, 11 May 2020
Hi support

I struggle to control the detailed settings in the carousel pro add-on. It is driving me crazy :-) Can you help me?

My problem is that I want to move title text and content text upwards on the screen to center align the text on top of a background image.

The title text and the content text is part of an item in the carousel pro.

BTW, I only need to do this on mobile devices. On tablets and computers it looks fine.

There are SO MANY padding and margin settings in there, and I tend to get lost…

Maybe you should get access to my backend to just update the settings? That might be easier than trying to explain in writing?


Attachments (1)
Accepted Answer
Use this custom css

@media (max-width: 767px){
.sppb-carousel-pro-text h2 {
position: relative !important;
bottom: 50px;
.sppb-carousel-pro-text .sppb-carousel-pro-content{
position:relative !important;

Add this css code inside the custom.css file.
Note: Path towards custom CSS:
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
  1. more than a month ago
  2. Melvin
  3. # Permalink
Responses (3)
Very nice, Mehtaz. You guys are true masters of creating these code snippets ;)
  1. more than a month ago
  2. Melvin
  3. # 1
haha thank you:D
  1. more than a month ago
  2. Melvin
  3. # 2

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

This forum is archived

This forum has been archived. Please use JoomShaper official support system.