Firefox (Mac): caption at the top of big image instead of being in the center

Hi Rikard,

Thank you for the code.

The code works, but the position of the caption still is too high.

So I tried different values of padding (300px, 400 px, 500 px). But then, the caption got an odd alignment.

Is there an other solution?

Best regards,
zizibe1

Hi Rikard,

Thank you for your reply.

What do you mean by “the other html tags”? Where are they?

Best regards,
zizibe1

Hi Victoria,

Thank you for your reply.

The caption on my end looks the same as on your end (my screen size is 1’440 x 900 px).

The caption looks better now because I’ve added Rikard’s code to the bottom of Quick CSS under Enfold > General Styling and increased the padding to 300px.

.avia-mozilla .home #fullscreen_slider_1 .slideshow_caption {
    padding: 300px;
}

But in Firefox, the position of the caption still is higher than in Chrome or Safari. Moreover in Firefox, the last word of the caption is on a new line.

Increasing the value of the padding in the code above (e. g. 400px or 500px) didn’t move the caption to a lower position. Instead, the caption got more and more narrow which lead to an odd alignment.

If you see another solution to solve this issue, I would be very grateful if you could let me know.

Edit: Today, I’ve discovered another issue in Firefox. When you decrease the browser window, the caption isn’t staying in the center and is shifting to the right. In Chrome and Safari, the caption is alright.

Best regards,
zizibe1

• This reply was modified 6 years, 1 month ago by zizibe1. Reason: see edit

Hi Victoria,

Thank you for your reply.

As requested, I removed the code below:

.avia-mozilla .home #fullscreen_slider_1 .slideshow_caption {
    padding: 300px;
}

Now, in Firefox (Mac), the caption of the front page of my website is at the top of the big image instead of being in the center (in Crome and Safari, the caption is alright).

How can I fix this?

Best regards,
zizibe1

Hi Victoria,

I added the code to Enfold > General Styling > Quick CSS and it worked :)

Thank you very much for your support.

Best regards,
zizibe1