Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 18, 2015 at 6:47 pm #505739
    Mario

    Hi Guys!

    can you take a look to my home page? i would like to modify only the image box with caption on MOBILE version. I need to have 2 image box 2 per line, side by side.

    is it possible?

    thanks for your precious help!

    Have a great day

    Mario

    September 21, 2015 at 5:07 am #506179
    Ismael

    Hey Mario!

    Thank you for using Enfold.

    Add this in the Quick CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .av_one_fourth {
    padding-left: 0% !important;
    padding-right: 0% !important;
    width: 50%;
    float: left;
}}

    Best regards,
    Ismael

    September 24, 2015 at 2:50 pm #508480
    Mario

    Hi Ismael,

    super! it works

    Now i would like to reduse te caption font size cause it’s too big .

    Which kind of css can i use?

    Thanks a lot for your help!

    Cheers

    Mario

    September 25, 2015 at 3:55 pm #509113
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-wdith: 767px) {
.av-image-caption-overlay-center { font-size: 14px !important; }}

    Cheers!
    Yigit

    September 26, 2015 at 12:04 pm #509459
    Mario

    Hi Yigit,

    Thanks for your tip but doesn’t work.

    Any suggestions?

    Cheers

    Mario

    September 28, 2015 at 7:27 am #509843
    Ismael

    Hey!

    Please add the code suggested above inside the css media query.. The final code should be like this:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .av_one_fourth {
    padding-left: 0% !important;
    padding-right: 0% !important;
    width: 50%;
    float: left;
}

.av-image-caption-overlay-center { font-size: 14px !important; }
}

    Cheers!
    Ismael

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