Okay
  Public Ticket #2727543
Webnus event slider
Closed

Comments

  •  7
    Max started the conversation
    March 22, 2021 at 6:52am

    Hello,

    I installed the Modern Event plugin (Webnus) and I noticed two problems visible only on Salient.

    - https://www.ichigoichi-e.com/test-event/
    here the arrows to go to another slide are not centered

    - https://www.ichigoichi-e.com/events/test-2-834/
    on the event page the image is completely distorted.

    I don't have this problem on other themes and I regret it on Salient is my favorite.

    If you have a solution that would be great.

    Thks a lot :)


  •  2,721
    Andrew replied
    March 22, 2021 at 7:19am

    Hi Max.

    I am not able to right click your website, please enable this functionality if there is a third party plugin add this feature on the website.

    Thanks.

  •  7
    Max replied
    March 22, 2021 at 7:25am

    Hi Andrew,

    So sorry I forgot that. I just enable the right click.

    Thanks.

  •  2,721
    Andrew replied
    March 22, 2021 at 7:49am

    Hi Max,

    Please try this css:

    .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next i, .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev i {
        margin-left: -2px;
    }
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next, .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
    width: 50px;
        height: 50px;
        line-height: 0;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,.045);
        top: 56%;
        margin-top: 32px;
    
}

    Thanks.

  •  7
    Max replied
    March 22, 2021 at 7:55am

    Thanks for you fast reply. Now the arrows are centered in their square but they are not centered in relation to the main block.

  •  2,721
    Andrew replied
    March 22, 2021 at 7:57am

    Hi Max,

    Please try this css:

    .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next, .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
        margin-top: -75px;
    }

    Thanks.

  •  7
    Max replied
    March 22, 2021 at 8:00am

    Hi Andrew,

    It works thks a lot.

    Now, for the same plugin, in the event page the image is completely distorted.
    https://www.ichigoichi-e.com/events/test-2-834/

  •  2,721
    Andrew replied
    March 22, 2021 at 8:26am

    Hi Max,

    Please try this css:

    .mec-container [class*=col-] img {
        height: 668px;
    }

    Thanks.

  •  7
    Max replied
    March 22, 2021 at 8:30am

    Ok I understand that I can adjust the height manually. But my client needs it to happen automatically. There is no way that Salient does not encroach on the css of the plugin?

    thanks

  •  2,721
    Andrew replied
    March 22, 2021 at 9:32am

    Hi Max,

    Please send in your admin login credentials so that we can look into this further.

    Thanks.

  •   Max replied privately
  •  8,402
    Tahir replied
    March 22, 2021 at 12:29pm

    Hey Agan,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .mec-container [class*=col-] img {
    height: auto !important;
}

    Thanks

    ThemeNectar Support Team 

  •  7
    Max replied
    March 22, 2021 at 12:42pm

    Hi Tahir,

    It works really well. Thank you very much.