Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1021331

    Hi,

    I’ve discovered an issue concerning Firefox (Mac). There, the caption of the fullscreen slider on the front page of my website is at the top of the big image instead of being in the center.

    In Chrome and Safari (Mac), the position of the caption is alright.

    I’ve tried to solve the issue by replacing the fullscreen slider by a fullwidth easy slider, but there’s the same problem.

    How can I fix this?

    Best regards,
    zizibe1

    #1021407

    Hey zizibe1,

    Please try the following in Quick CSS under Enfold->General Styling:

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

    Best regards,
    Rikard

    #1021502

    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

    #1021533

    Hi,

    Did you try to apply padding or margin to any of the other html tags in the slider? You can target elements on Mozilla specifically with this selector:

    .avia-mozilla

    Best regards,
    Rikard

    #1021625

    Hi Rikard,

    Thank you for your reply.

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

    Best regards,
    zizibe1

    #1021826

    Hi zizibe1,

    Did you get it working for you? It seems to look fine on my end.

    Best regards,
    Victoria

    #1021914

    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, 2 months ago by zizibe1. Reason: see edit
    #1023870

    Hi zizibe1,

    Please remove all the code you’ve added so far given to solve this issue. I feel like we need to start from scratch here.

    Best regards,
    Victoria

    #1023908

    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

    #1024108

    Hi zizibe1,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .avia-mozilla.avia_transform .av_fullscreen .active-slide .avia-caption-title {
        padding-top: 35vh;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1024227

    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

    #1024710

    Hi zizibe1,

    Glad to hear that :)
    Feel to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Firefox (Mac): caption at the top of big image instead of being in the center’ is closed to new replies.