Okay
  Public Ticket #1005974
Shop Arrows
Closed

Comments

  •  4
    stonedcrystals started the conversation

    Hi, in the shop carousel for images in each product the arrows are white. Most styling for image rotation etc comes with some sort of a grey circle behind the arrows or otherwise. These are common style options for Revolution Slider navigation options. Why is there no style option for the arrows in Kalium theme shop? 

    Also check out our shop page some of the prices run into the titles. Please provide assistance. 

  •  1,558
    Laborator replied

    Hi stonedcrystals,

    The carousels in our theme are not Revolution Slider carousel so they do not have the same options as Rev. Slider does, the theme has only the simple arrows for now, the color can be changed but the form now and for that we are planning to add them in the upcoming versions of the theme.

    You can achieve this manually, by adding the following CSS in your Custom CSS:

    .woocommerce .single-product .images .product-images-carousel .nextprev-arrow, .woocommerce .single-product .images .thumbnails .nextprev-arrow {
        background: rgba(0,0,0,.3);
        border-radius: 50%;
        padding: 10px;
    }
    .woocommerce .product .item-info .price ins, .woocommerce .product .item-info .price > .amount {
        word-break: break-word;
    }

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  4
    stonedcrystals replied

    Thank you that works :)

  •  1,558
    Laborator replied

    You're welcome

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  4
    stonedcrystals replied

    Since the latest update this is no longer working. Have some of the classes changed? 

  •  1,558
    Laborator replied

    Hi there,

    Can you try adding this CSS, it should work now since there are some changes WooCommerce made on it's classes since the last update:

    .woocommerce .single-product .kalium-woocommerce-product-gallery .main-product-images .nextprev-arrow i, .woocommerce .single-product .kalium-woocommerce-product-gallery .thumbnails .nextprev-arrow i {
        background: rgba(0,0,0,.3);
        border-radius: 50%;
        padding: 10px;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group