Archived Forums

Resolved I want to move title text and content text (item in a carousel pro addon) upwards on the screen to center align the text on top of a background image

Issue

Melvin
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?

http://www.weisshansen.dk

Accepted Answer

Hi,
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;

  bottom:50px

}

}

Add this css code inside the custom.css file.
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks

more than a month ago
Melvin
# Permalink

Responses (3)

Very nice, Mehtaz. You guys are true masters of creating these code snippets

more than a month ago
Melvin
# 1

haha thank you

more than a month ago
Melvin
# 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.