Move down caption content - Support | Kriesi.at

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

Author

Posts
May 30, 2021 at 9:24 pm #1303036

805ITS
Participant

Hi!

I am trying to move down the caption content on the desktop site which I would like to be further down and keep the title where it is.

How can I achieve this ? I am also notice my on the mobile version the title and the content below is way at the very top instead of being in the middle of the screen. Is there a way to “auto adjust” its location depending on the mobile screen size?

Thank you so much for your help!

June 1, 2021 at 5:24 am #1303318
Rikard
Keymaster
Hey 805ITS,

Please try the following in Quick CSS under Enfold->General Styling:
```
@media only screen and (min-width: 768px) {
.avia-caption-content p {
    padding-top: 20px;
}
}
```
This CSS is aligning the caption and title on mobile:
```
.home .caption_bottom .slideshow_caption .slideshow_inner_caption {
    bottom: 35vh !important;
    color: black;
    text-align: center !important;
}
```
It looks like it’s been added to Quick CSS? If so, then please adjust it there.

Best regards,
Rikard
June 1, 2021 at 6:28 pm #1303457
805ITS
Participant
HI Rikard,

The following code is also changing how the website looks on the desktop version… :
```
.home .caption_bottom .slideshow_caption .slideshow_inner_caption {
    bottom: 35vh !important;
    color: black;
    text-align: center !important;
}
```
It wasn’t added to Quick CSS prior today. 35vh is a good value for the desktop version but for the mobile I would like to have 15vh.

Looking forward to hear back from you!
June 3, 2021 at 6:44 am #1303707
Rikard
Keymaster
Hi,

You can add mobile specific styling in a media query, like so:
```
@media only screen and (max-width: 767px) {
.home .caption_bottom .slideshow_caption .slideshow_inner_caption {
    bottom: 15vh;
}
}
```
Best regards,
Rikard
Author

Posts

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

You must be logged in to reply to this topic.