Featured Image Slider - Move caption and readmore button to bottom - Support

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
November 25, 2018 at 11:04 pm #1037477

gireeshnair
Participant

Hello
How can I move the caption and readmore button in a featured image slider to bottom . Also add a full width semi transparent background to the caption and readmore button area.

Please help

November 28, 2018 at 9:42 am #1038374

Rikard
Keymaster

Hey gireeshnair,

Could you post a link to where we can see the results you are getting please?

Best regards,
Rikard

November 28, 2018 at 9:44 am #1038375

gireeshnair
Participant

Please find

November 28, 2018 at 12:12 pm #1038451

gireeshnair
Participant

Please help

December 1, 2018 at 8:24 am #1039534

Rikard
Keymaster

Hi,

Thanks for the link, though it looks like you have achieved that already? What exactly do you need help with? Please post a screenshot highlighting the changes.

Best regards,
Rikard

December 1, 2018 at 9:08 am #1039547

gireeshnair
Participant

Thanks a lot for the reply.
Please find the screen shot of what I need.
https://paste.pics/ee6df14d16b74980370586aa278d7958
https://i.paste.pics/ee6df14d16b74980370586aa278d7958.png

Please help as i need to do this at the erliest.

December 2, 2018 at 9:34 am #1039842
Rikard
Keymaster
Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
```
.responsive #top .slideshow_caption h2 {
    margin-top: 0;
}
.slideshow_caption {
    padding: 0;
}
.slideshow_align_caption {
    display: block;
}
```
Best regards,
Rikard
December 2, 2018 at 12:45 pm #1039902

gireeshnair
Participant

Thanks a lot . It helped.
But still not complete . Please see the link below.
https://i.paste.pics/42ded7947e7ea6ba8b3f042d5800a280.png

December 2, 2018 at 2:47 pm #1039951
Rikard
Keymaster
Hi,

Try this as well:
```
.avia-slideshow-button.avia-color-light {
    margin-top: 350px;
}
```
Best regards,
Rikard
December 2, 2018 at 2:54 pm #1039954

gireeshnair
Participant

Thank you.
Its not working.
More over if we put 350px top margin won’t it display properly in mobile devices?

December 3, 2018 at 4:56 am #1040098
Rikard
Keymaster
Hi,

Thanks for the update. What exactly is not working? You can have different values for mobile devices, for instance:
```
@media only screen and (max-width: 767px) {
.avia-slideshow-button.avia-color-light {
    margin-top: 150px;
}
}
```
Best regards,
Rikard
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

Featured Image Slider – Move caption and readmore button to bottom