Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 12, 2018 at 1:09 am #955522
    richardbeatty

    Hi!

    Really appreciate your hep with this Custom CSS … there are No answers previous forums to this one.

    Need:

    To adjust the vertical position of caption title and text for a fullscreen slider with a custom CSS Class.

    I tried this out … but the code doesn’t work.

    Please Note that ** the name of The Custom CSS class (only shown on mobile screens, invisible if larger – but it’s a custom class quick CSS so I guess this isn’t relevant for the code) is as follows **
    thevasectomistmobile

    So using the custom CSS Class thevasectomistmobile

    #POSITION OF CAPTIONS ON VASECTOMIST IMAGE MOBILE#
    .thevasectomistmobile .caption_bottom .slideshow_caption {
    bottom: auto !important;
    top: 300px !important;
    }

    I thought you might be able to correct the above code … I’ll pass on credentials if you need them … I’ll feedback if it works so others can find it.

    Cheers

    Richard

    May 12, 2018 at 12:06 pm #955687
    Victoria

    Hey richardbeatty,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    May 18, 2018 at 8:15 am #958461
    richardbeatty

    Sorry for the delay, please find attached the credentials.

    Please note that the issue is the position of the caption over the mobile image that is ‘FULLSCREEN SLIDER’ and NOT the Fullswidth slider that only shows for larger screens. The caption is currently over the face! But caption at the bottom is too far down.

    Please note that there is another ticket on the same website because I can’t update the theme even manually #958046

    Thanks

    Richard

    • This reply was modified 6 years, 6 months ago by richardbeatty.
    May 20, 2018 at 9:23 am #959356
    Victoria

    Hi Richard,

    I see that the theme is updated. Did you manage to do it?

    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

    
@media only screen and (max-width: 479px) {
  .slideshow_align_caption {
      vertical-align: bottom;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 20, 2018 at 9:36 am #959361
    richardbeatty

    Hi Victoria

    Thanks v much .

    In the end I used the ‘bottom without frame’ and it’s worked perfectly.

    I’ve discovered why this didn’t work before … resizing on a desktop to a portrait screen (like on an iphone) would, I had assumed, replicate how the webpage appears on an iphone. But in fact you can only see this work on the iphone itself!

    But hopefully someone else can use the code

    Thanks I did manage to upgrade the theme and have put that on the other ticket.

    Cheers

    Richard

    May 21, 2018 at 2:13 pm #959777
    Rikard

    Hi Richard,

    Thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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