Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 23, 2017 at 6:13 pm #737375
    neo-systems

    Hello,

    We are using Fullwidth easy slider and we need the caption box to be wider than the current one in normal mode.
    When mobile mode we need to make it smaller, but instead at 768px size, we need this to happen at 1024px.

    Thankyou,

    January 24, 2017 at 7:01 am #737544
    Rikard

    Hey neo-systems,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    January 24, 2017 at 6:52 pm #737887
    neo-systems

    Sure!

    You shoud resize the size to see

    January 24, 2017 at 8:14 pm #737917
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .slideshow_caption { width: 100%; }

    Cheers!
    Yigit

    January 25, 2017 at 9:43 am #738215
    neo-systems

    Ok, thanks

    But how about the other question?
    In mobile mode we need to make the caption box smaller (font size), but instead at 768px size, we need this to happen at 1024px.

    January 25, 2017 at 10:49 am #738256
    Basilis

    Hi!

    You can go ahead and use

    @media queries Responsiveness

    Media Queries, which will help you with the process.
    Please review how they work so you can achive your results.

    Thanks a lot for your time and patience

    Cheers!
    Basilis

    January 25, 2017 at 1:39 pm #738339
    neo-systems

    Thanks, but which css rules are making the subtitle box smaller and proportional?

    I can see, that in lower widths, enfold theme changes the design of the caption box to make it proportional, I just want to see the same behaviour with wider screens.

    January 27, 2017 at 11:38 am #739314
    neo-systems

    Any answer?

    January 30, 2017 at 11:57 am #740140
    Nikko

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:1024px) {
  #top .slideshow_caption {
    width: 100% !important;
  }

  #top #wrap_all .slideshow_caption h2.avia-caption-title {
    font-size: 28px !important;
  }

  .responsive #top .slideshow_caption .avia-caption-content {
    font-size: 18px !important;
  }
}

    Just adjust the font sizes as you see fit. Hope this helps.

    Best regards,
    Nikko

    January 30, 2017 at 12:26 pm #740151
    neo-systems

    Thanks, it works!

    January 31, 2017 at 11:18 pm #740918
    Nikko

    Hi,

    Glad we could help :)

    Regards,
    Nikko

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