Addon Slidershow Position For Slider Content - Question | JoomShaper

Addon Slidershow Position For Slider Content

J

Josef

SP Page Builder 2 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?

0
14 Answers
Ariba
Ariba
Accepted Answer
Support Agent 2 years ago #25389

Hello

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

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

0
Ariba
Ariba
Accepted Answer
Support Agent 2 years ago #25390

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

0
J
Josef
Accepted Answer
2 years ago #25392

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

0
Ariba
Ariba
Accepted Answer
Support Agent 2 years ago #25396

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.

0
J
Josef
Accepted Answer
2 years ago #25403

https://share-your-photo.com/c5698d20c4/album

for example 3 Slide like this in ONE Slideshow

0
J
Josef
Accepted Answer
2 years ago #25411

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

0
Ariba
Ariba
Accepted Answer
Support Agent 2 years ago #25413

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;
}
0
J
Josef
Accepted Answer
2 years ago #25419

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 :-(

0
Ariba
Ariba
Accepted Answer
Support Agent 2 years ago #25421

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 :)

0
J
Josef
Accepted Answer
2 years ago #25430

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

0
J
Josef
Accepted Answer
2 years ago #25431

thx

0
Ariba
Ariba
Accepted Answer
Support Agent 2 years ago #25432

Plaese check now. I have done it for both pages.

Also kindly check: I have used align-items: flex-end; - use of "end" does not work in Microsoft Edge Browser.

0
Ariba
Ariba
Accepted Answer
Support Agent 2 years ago #25434

I hope that helps now. Please do let me know if you have any other queries, i am happy to help :)

Have a great day and stay safe!

0
Ariba
Ariba
Accepted Answer
Support Agent 2 years ago #28111

Hello

Hope you are doing well :)

Please do let me know if you face any other issue, I will be happy to help.

If there is no other issue, kindly accept the most useful answer in order to resolve and close this post.

Have a pleasant day.

0