Ecommerce Shopify WordPress Discussion

CSS Button Question

Hi Everyone, just wondering if I can get some quick CSS help. It seems that the color is going around my button shape for some reason. I'm just trying to change the main color without that background rectangle. Also what is the code for changing the angle of the corners? Apologies ahead of time I did search on here but wasn't able to find the specific answer. Here is a screenshot: Thank you so much ahead of time!
Hi @BKRxV Would you mind to explain farther what are you trying to achieve? You want a rounded corners or rectangle? Do you like to take of the rectangle shape on the buttons? And would you mind to share your store URL? Thanks! Please don't forget to Like and Mark Solution to the post that helped you. Thanks! Sip, savor, and support ☕ – your Coffee Tip helps us keep coding magic.❤️❤️❤️ Need a knowledgeable developer? Come and visit us at Made4uo.com

December 30, 2023

Sorry, should have explained this a bit better. The background color that I want the button to be (#0f52a3) is only applying to outside and around the button and makes it a sort of rectangle. I just want that outside color applied to the inside of the button so that it is a regular rounded button in that color. Then I was looking to see how I can alter the roundedness of the corners of the button. Here is my store url: https://1cc569-3.myshopify.com/ Thank you so much!

December 30, 2023

You have to make sure your targeting not just the internals of the button , but the button itself and any wrapping element. Generally while doing this you'll also need to adjust/clear the borders , not just one elements border radius. Save time & money ,Ask Questions The Smart Way Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com Problem Solved? ✔Accept and Like solutions to help future merchantsAnswers powered by coffee Buy Paul a ☕ Coffee for more answers or donate to eff.org

December 30, 2023

TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.