#115832 image switch space removal

Landing Forums Jupiter WordPress Theme image switch space removal

Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • Sergio Torres

    Hi. How can i remove the space bellow this image switch? In attachment. Thank you

    Nodari Support Team

    Hi Sergio

    Try to use thi css code:

    .mk-image-switch.fading-animation .image__container img {
    height: inherit;
    }

    and check again,

    Code can be added in the Page css setting https://prnt.sc/11k15u6

    Thanks

    Sergio Torres

    Hi. It seems to be streching the images instead of using they real height. in attachment print. Thank you

    Amir Rather Support Team

    Please try the below CSS instead:

    .mk-image-switch .image__container {
        height: auto !important;
    }
    .mk-image-switch {
        height: auto !important;
    }
    Sergio Torres

    Hi. better but still a white space between the rows. In attachment.

    Amir Rather Support Team

    Hi There

    I added the below line of CSS as well, please check now:

    .theme-page-wrapper:not(.full-width-layout) .mk-fullwidth-true.vc_row .vc_col-sm-12 {
        margin-bottom: -4px;
    }

    Regards

    Sergio Torres

    Hi. It worked. Thank you. I wasn’t able to sign in to answer this post, don’t know why. But was able now. Still related to this website, is it possible to pass from one image to the other in this diagonal shape divider without having color between? I tried without color but it doesn’t show the diagonal change between them. In attachment

    Tatyana Hutsol Support Team

    Hello,

     

    Sorry for a delay.

    Unfortunately it can’t be set without color.

    You may try using the colors that are familiar with the colors in your images.

    Thank you for understanding.

     

    Regards.

    Sergio Torres

    Hi. About this, there’s still a space in between image switch. in attachment. Can you please check why? Thank you

    Nodari Support Team

    HI there

    Should be fixed now, I used this css code:

    .mk-image-switch .image__container {
        height: auto !important;
    }

    Regards

    Sergio Torres

    Hi. Didn’t work. Print of css in attachment. Thank you

    Nodari Support Team

    Good morning Sergio

    Sorry, I was not able to access your site today,
    its my mistake in the CSS code, please use this css code instead and it will fix your problem:

    .mk-image-switch .image__container {
         display: block !important;
    }

    Thanks

    Sergio Torres

    Hi. It didn’t work. Thank you

    Nodari Support Team

    Good morning Sergio

    First of all, thank you for your patience, its appreciated 🙂

    Hm, strange, but I see it’s now fixed from my side? https://prnt.sc/19dzbwc maybe you did not clear the cache?

    Thanks again

    Sergio Torres

    Hi. I see it ok too. thank you. can you tell me how to remove this space in mobile version? In attachment

    Sergio Torres

    i don’t see the attachment so here it goes again

    Nodari Support Team

    Hi Sergio

    You want to entirely hide the selected section on the screenshot or just a hide section under the buttons? https://prnt.sc/19ny240

    Regards

    Sergio Torres

    Hi. Just under the buttons. Thank you

    Alexander Hutsol Support Team

    Hello,

     

    Please add this code in Theme Options > Advanced > Custom CSS:

    @media (max-width: 480px){#gallery-loop-36 {
    margin-top: -100px;
    }}

     

    Regards.

    Sergio Torres

    Hi. It didn’t work 🙁

    Tatyana Hutsol Support Team

    Hello,

     

    I added “!important” to the code:

    @media (max-width: 480px){#gallery-loop-36 {
    margin-top: -100px !important;
    }}

    Now it’s applied.

    Please check.

     

    Regards.

    Sergio Torres

    perfect. Thank you

    Tatyana Hutsol Support Team

    You’re welcome.

    Regards.

    Sergio Torres

    Hi. On this website on page https://webworld.pt/gymnasium/ginasio-faro/ how can i put in mobile this content (old.jpg) like in attachment new.jpg? Thank you

    Mohsin Al-Rabieai Support Team

    Hi Sergio,

    You need to make sure your mobile version of the columns have 1/2 (6/12) width. Check the Width and Responsive option of the WPBakery columns here:

    and here:

    https://kb.wpbakery.com/docs/learning-more/responsive-settings/

    This question can be addressed very well if you know how to work with WPBakery.

    Bests

Viewing 25 posts - 1 through 25 (of 25 total)
You must be logged in to reply to this topic.
Login