Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 10, 2014 at 7:45 pm #249902
    scottrseeley

    The caption display in Firefox is overlaying the logo -it displays properly in Chrome and Safari – haven’t checked Explorer.

    http://ourluckyhearts.com

    Please advise.

    Thanks.

    • This topic was modified 10 years, 7 months ago by scottrseeley.
    April 10, 2014 at 11:25 pm #249963
    scottrseeley

    To display the caption as need I added the custom css – it’s displaying properly on Chrome, Safari and Explorer but not Firefox.

    .slideshow_align_caption { top: 47%; vertical-align: inherit; }
    div .slideshow_caption p { font-size: 2em; line-height: 1.5em; color:#ffffff; text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);}

    Thanks.

    April 11, 2014 at 6:25 am #250112
    scottrseeley

    I removed this line in the custom css to get the caption to display properly

    .slideshow_align_caption { top: 47%; vertical-align: inherit;}

    I’d like to move the caption down a bit yet have it display properly in Firefox. Any help would be appreciated.

    Thanks.

    April 11, 2014 at 6:34 am #250114
    scottrseeley

    I referenced your support messge #195536 to get the

    .slideshow_align_caption { top: 47%; vertical-align: inherit;}

    Which does not seem to work in Firefox.

    Thanks.

    April 11, 2014 at 1:38 pm #250207
    Yigit

    Hey!

    Have you tried flushing browser cache after applying the code? This is how it looks on my end – http://i.imgur.com/pdGAFnD.jpg

    Regards,
    Yigit

    April 11, 2014 at 6:53 pm #250339
    scottrseeley

    I did flush the broswer cache. I ended up removing the offending css code so the site would display properly in Firefox – so that’s why you see the page displaying OK in Firefox now. I’ll return to the issue in a couple weeks.

    Again, the line I added to the custom CSS that was causing the caption to slide to the very top of the screen over the logo was:

    .slideshow_align_caption { top: 47%; vertical-align: inherit;}

    You might try it yourself to see.

    Thanks again for the reply.

    April 12, 2014 at 2:35 am #250407
    Ismael

    Hey!

    Thank you for the info.

    Instead of using percentage for the top position, try to specify it using pixels.

    .caption_left .slideshow_caption {
    left: 0px;
    top: 150px;
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.