Border Radius Blocksy/WooCommmerce Mini Cart Drawer

  • Resolved rowiro

    (@rowiro)


    2 months ago

    I would like to add a border radius to the blocksy/woocommmerce mini cart drawer.

    Screenshot of Mini Cart Drawer

    My Attempt to add a border radius to the outer border as follows:

    /* Blocksy theme mini cart */
    .ct-cart-content .woocommerce-mini-cart {
        border-radius: 10px;  /* Adjust radius as needed */
        overflow: hidden;     /* Prevents content overflow */
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);  /* Adds a subtle shadow */
    }

    Does anyone know how to target the mini-cart correctly?

    Thank you in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Eduard

    (@cteduard)

    Hi @rowiro

    Something like –

    .ct-cart-content {
    	border-radius: 20px !important;
    }

    Hope this helps! ??

    Thanks.

    Thread Starter rowiro

    (@rowiro)

    Thanks for prompt help. Yep, that rounded them border corners just the way I want ’em… Well done. So I guess I was just missing the !important;. Keep reaching for the stars! Over and out!

    Eduard

    (@cteduard)

    You’re most welcome, @rowiro ???♂?

    Have a good one!

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.

Tags