addon slidershow position for Slider Content - Forum | JoomShaper
Awaiting an answer SP Page Builder

addon slidershow position for Slider Content

Asked by Josef 5 years ago Last activity 5 years ago

How can I position the "Slider Content" e.g. bottom left or top right?
and is it possible to set the content differently for each slide?

14 replies

Ariba Staff
5 years ago · edited

Hello

Thank you for your query. Could you provide your site URL please?

Yes you can set the slider content differently for each slide.

Ariba Staff

For positioning "Slider Content" to bottom left or top right: you have to use some custom CSS rules.

Josef Asked this

and the slide content I need button left not in the center....

Ariba Staff

For the button part, can you kindly provide a screenshot to highlight how much do you want to shift it to the left side? That would be helpful for me to understand better.

You can use this tool https://imgur.com/upload to upload image here.

Josef Asked this

Hello Ariba,
please explain me the cutom css rules?
I be waiting for an anwser...

Ariba Staff

For aligning items left or right: Select your slider item, scroll down find "Slider Content Alignment" and select the position you want. see the screenshot below -

slider-content-align.JPG

For aligning items top/bottom/center: use the following css rules.

Here "sp-item:nth-child(1)" is your slider 1's content container, "sp-item:nth-child(2)" is your slider 2's content container.

Change the value of "align-items" to start(top), center(middle) or end(bottom) as your wish.

.sp-item:nth-child(1){
  align-items: end;
}
.sp-item:nth-child(2){
  align-items: start;
}
.sp-item:nth-child(3){
  align-items: center;
}
Josef Asked this

Sorry I doesn´t understand e. g. the second picture in the Album
Text position: Left, button
it´s the first Item

Step 1
like your picture - ITEM CONTENT OPTION - Slider Content Alignment
Left

Step 2
Change to Style
Field: Custom CSS
Entry:
.sp-item:nth-child(1){
align-items:bottom end;
}

And Save
the result: the item text is in the center of picture not left button :-(

Ariba Staff

No problem. Can you kindly provide me your administrative access? Use the hidden mode to share the log in credentials please. I will do it from my end and share it with you for your convenience. That will help you :)

Josef Asked this

Now I have build a page <slider demo>

I have 2 Slides and in the first put the text left buttom
in the second the text (with yellow background) top right

Log in to reply.