cancel
Showing results for 
Search instead for 
Did you mean: 

CSS Change On Add To Cart Section

SOLVED

CSS Change On Add To Cart Section

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

4 REPLIES

Re: CSS Change On Add To Cart Section

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 !

if issue solved,Click Kudos & Accept as Solution

Re: CSS Change On Add To Cart Section

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; }
If Issue Solved, Click Kudos/Accept As solutions.

Re: CSS Change On Add To Cart Section

Hi 

 

Thank you for your help.

 

 

Re: CSS Change On Add To Cart Section

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

 

 

if issue solved,Click Kudos & Accept as Solution