Return to previous page

Reply 337346 to: Ho do i make a round color circle around the icon in mobile penel

Avatar: Tony Rodriguez
Tony Rodriguez
Support staff
October 26, 2022 at 06:25

Hello, @Kazi Sabit,

Unfortunately, this is not possible to make it as round with the content as because it has a small space, let me try to explain it to you, If you set the border-radius to the maximum value as 100% in the very first code that we gave you, it will work like this: https://postimg.cc/Kk4X2xkW because that code will apply on the complete div having that icon and content under it, so because of the small space in the mobile it will not be round, but oval, If you want to check the size then you can try to change the padding value in that code as per your requirements: https://postimg.cc/2bJ5pH64

And regarding applying that same code on the cart, you have to pick the cart class in the code, and the code will be: https://postimg.cc/LgB3QZ4F https://postimg.cc/rzP4cJbZ

.et_b_mobile-panel-cart a {
    padding: 9px;
    background-color: red;
    border-radius: 100%;
    color: white;
}

Regards 8Themes Team.

#337346
Go To The Whole Conversation In Topic

Useful links WooCommerce & WordPress

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.