Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 31, 2016 at 4:51 pm #640973
    hugaud

    Hi,

    I need help with a couple of things on this page (in private content)

    1. I need to reduce the height of the grey band with green text just above the slider on this page, I can affect the top padding of the band ok and I think that in order to reduce the bottom of the band in line with the top I need to affect the top margin of the slider itself but I can’t seem to be able to make it work.

    2. I also need to reduce the size of the text just above the slider in this same box on mobiles so that the whole grey box with green text takes up less space on mobiles. I know I need a media query to do this and I’ve tried but I can’t get iot quite right.

    Can you help please?
    Thanks in advance

    June 1, 2016 at 7:34 am #641278
    Rikard

    Hi Hugues,

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

    1. 

    .home .flex_column .avia-slideshow {
    margin: 10px 0 !important;
}

    2. 

    @media only screen and (max-width: 767px) {
.home #av_section_1 h1.av-special-heading-tag {
font-size:18px !important;
}
}

    Best regards,
    Rikard

    June 1, 2016 at 9:35 am #641337
    hugaud

    Splendid, thank you Rikard. You guys help is teaching me a lot about making finer changes to the teme CSS.

    Awesome support always greatly appreciated.

    Hugues

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Change title font size on mobiles’ is closed to new replies.