Home Forums WoodMart support forum Custom CSS need

Custom CSS need

Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #577464

    studio.ambasador
    Participant

    Hi there please help us with custom CSS for current Container
    We looking to set specific size 210 heigh

    Thank you

    Attachments:
    You must be logged in to view attached files.
    #578781

    studio.ambasador
    Participant

    We need to create a carousel item with specific size 210 px and items listed to be randomly shows if it’s possible , any information help

    #580747

    studio.ambasador
    Participant

    .wd-carousel-item {
    position: relative;
    height: 210px !important; /* set size 210px */
    flex: 0 0 calc(100% / var(–wd-col));
    max-width: calc(100% / var(–wd-col));
    padding: 0 calc(var(–wd-gap) / 2);
    transition-property: transform;
    transform: translate3d(0px, 0, 0);
    } works but not showing all items

    #580749

    studio.ambasador
    Participant

    you can check image

    Attachments:
    You must be logged in to view attached files.
    #580788

    studio.ambasador
    Participant

    .wd-carousel-item {
    position: relative;
    height: 210px !important; /* set size 210px */
    flex: 0 0 calc(100% / var(–wd-col));
    max-width: calc(100% / var(–wd-col));
    padding: 0 calc(var(–wd-gap) / 2);
    transition-property: transform;
    transform: translate3d(0px, 0, 0);
    }

    not valid we set from elementor

    #580791

    studio.ambasador
    Participant

    if you see this poste please help how we can set the arrow (size and color) for this carousel

    #580804

    studio.ambasador
    Participant

    You can find on image attached, current carousel, and arrows location

    Attachments:
    You must be logged in to view attached files.
    #580915

    Hello,

    Can you please share the page URL so I will check and give you a possible solution.

    Best Regards.

    #580916

    studio.ambasador
    Participant

    you can create on your testing environment a new container and insert a banner carousel,

    we can’t list a website full of errors we need your support to go ahead, once we have all function worked we can go to publish , so atleast one response , we offer much details as possible if you need more I’m here

    Attachments:
    You must be logged in to view attached files.
    #580942

    studio.ambasador
    Participant

    please check also img attached

    Attachments:
    You must be logged in to view attached files.
    #580979

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .wd-arrow-inner{
        height: 50px !important;
        width: 40px !important;
    }
    .wd-arrow-inner:after {
        font-size: var(--wd-arrow-icon-size, 40px) !important;
    }

    Best Regards.

    #580987

    studio.ambasador
    Participant

    not working 🙁

    #580991

    studio.ambasador
    Participant

    I set .wd-arrow-inner {
    height: 50px !important;
    width: 40px !important;
    color: black !important; /* Adaugă culoarea neagră */
    }

    .wd-arrow-inner:after {
    font-size: var(–wd-arrow-icon-size, 40px) !important;
    color: black !important; /* black color icon */
    }

    Working woohooo thanks

    #581000

    studio.ambasador
    Participant

    One more thing please, I need to set a hover for arrows if it’s possible to be more visible
    And what should I do for mobile to be showed ?

    Thank you

    #581116

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .wd-nav-arrows[class*="wd-hover"].wd-pos-sep .wd-btn-arrow{
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    Best Regards.

    #581333

    studio.ambasador
    Participant

    great it’s working your code Thank you, we find another issue regarding arrows,

    Once you acces the page you can use the arrow JUST if you move over mouse then it’s activated and product are alighned to lef, what we looking is when customer acces the page and see this carousel once press the arrow even left or right to move the products

    I modify as the code because this is what we looking for as fallow :

    /* Basic style for button without shadow */
    .wd-nav-arrows[class*=”wd-hover”].wd-pos-sep .wd-btn-arrow {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    background-color: #ffffff; /* default white background */
    box-shadow: none; /* no shadow */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* transition for hover */
    }

    /* Style for button on hover */
    .wd-nav-arrows[class*=”wd-hover”].wd-pos-sep .wd-btn-arrow:hover {
    background-color: #FAFAFA !important; /* light gray background on hover */
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); /* uniform shadow around the button */
    }

    Please check image attached

    Thank you

    Attachments:
    You must be logged in to view attached files.
    #581353

    studio.ambasador
    Participant

    please check video attached

    #581354

    studio.ambasador
    Participant

    video

    Attachments:
    You must be logged in to view attached files.
    #581439

    Hello,

    When you enable the “Slider Loop”. You can access both the right and left arrow at the same time. It can enables loop mode that is continuous full rotation without stopping/breaking on the last slide

    Best Regards.

    #581485

    studio.ambasador
    Participant

    I’m totaly agree with you, what I request was, “why should I pass over carousel first with My mouse” to enable left right arrows as you can see in video I send you , you can observe this things

    Hello,

    When you enable the “Slider Loop”. You can access both the right and left arrow at the same time. It can enables loop mode that is continuous full rotation without stopping/breaking on the last slide

    Best Regards.

    #581488

    studio.ambasador
    Participant

    Hi there we currently set the CSS then we found a new problem check private content

    #581512

    Hello,

    Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

    Best Regards.

Viewing 22 posts - 1 through 22 (of 22 total)