CSS Change On Add To Cart Section

[steven_banks]

Hi Guys,

Just a quick question, I have basic html and css knowledge and I am wanting to change this grey box to white with a border around it, am sure if I can find the right file I can make the changes, can anyone advise where to find the file to edit.

https://momentstotreasure.co.uk/star-party-party-invitation.html

Thank You

[Manthan Dave]

Hi @steven_banks

okay i understand - you actually need to edit CSS file to remove grey color and add white with border.

You need to override magento theme 's core css in your custom css at below path : 

app/design/frontend/{VendorName}/{ThemeName}/Magento_Theme/web/css/source/_module.less

Below is the exact code which you need to add in on the above mention css : 

.product-info-main-content .product-info-main {
    background-color: #ffffff;
    padding: 20px;
    border: 2px solid;
}

You can add this in your custom css file which you have created for your custom theme !

To know more details how to add custom css in magento 2 refer this link - https://magento.stackexchange.com/questions/108685/how-to-add-a-custom-css-file-in-magento-2

Hope it helps !

[Rakesh Jesadiya · Accepted solution]

You need to Edit file from 

vendor/magento/theme-frontend-blank/Magento_Theme/web/css/source/_module.less

to override in your theme at below location,

app/design/frontend/{Package}/{themename}/Magento_Theme/web/css/source/_module.less

Add  below line for color changes and you can set border from above file,

 .action.primary { background: #000; }

[steven_banks]

Hi 

Thank you for your help.

[Manthan Dave · Accepted solution]

Hi @steven_banks

Happy to help - if you found post helpful and solved your issue - then click on kudos and accept as solution , so issue gets closed and so other user gets helped