Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 19, 2018 at 9:58 pm #929364
    sdturnbull

    Hi,
    The caption on my full width slider on my site home page is “center-center”
    However, on a mobile the top padding is such that the main slider heading text is sitting at the bottom of the image and the subheading simply doesn’t show.
    It works fine at all other screen sizes.
    I can’t seem to find the CSS handles to get this working, could yo help please. Private link to site provided.
    Thanks
    Steve

    • This topic was modified 6 years, 8 months ago by sdturnbull.
    March 20, 2018 at 9:11 am #929588
    Victoria

    Hey sdturnbull,

    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) {
  #top #wrap_all .slideshow_caption h2.avia-caption-title,
   #top #wrap_all .av-slideshow-caption h2.avia-caption-title {
    text-transform: capitalize;
    margin-top: -30px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 20, 2018 at 12:22 pm #929780
    sdturnbull

    Thanks Victoria, with a little editing, this seems to have done the trick.
    Two follow up questions:
    1. From a performance perspective and how caching might handle the calls for CSS files, is it best to use the child theme CSS file to put additional CSS or the quick CSS field in the theme’s General Styling?
    2. Do you have any documentation of which CSS ID’s and Classes to use to target things like this? In Chrome dev tools it’s clear there are a lot of different classes at work and I find it difficult to understand the right ones to operate on.
    Thanks
    Steve

    March 21, 2018 at 6:40 am #930345
    Rikard

    Hi Steve,

    1. It shouldn’t make any difference, you can put your custom code in any of those files really.

    2. We don’t have any documentation for that unfortunately, but if you are having problems finding the correct CSS then we are here to help :-)

    Best regards,
    Rikard

    March 21, 2018 at 11:53 am #930512
    sdturnbull

    Thanks Rikard. And yes, I found you to have always provided great support :)

    March 22, 2018 at 6:44 am #931054
    Rikard

    Hi Steve,

    Thanks for the kind words :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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