Main issue: Unable to change the collection and product page background color in the Origin theme using a prior CSS selector.
What changed: Correct CSS selectors were provided to add in base.css, which fixed the background color to white:
Follow-up: Request to change product page button colors (seen as brown) at https://spookedya.com/products/halloween-viking-ugly-latex-mask. The helper couldn’t reproduce the brown buttons publicly and requested collaborator access to view/edit inside the admin.
Decisions/changes:
Outcome: Changes were implemented via collaborator access and confirmed working by the requester. Screenshots were shared for confirmation; images were supportive but not essential to the fix.
Status: Resolved. The helper suggested removing collaborator access after completion.
Hi everyone! New theme with a small color issue again. This time I’m unable to change the background color for my collection(s) page and product pages in the Origin theme. I tried this css code from another post in my “base.css” folder but no luck. Please help!
Code I tried: section#shopify-section-template–19846644498752__main {
background: white;
}
Url: www.spookedya.com
Hi,
For the collection page add this code into your base.css file
.section-template–20805869240610__main-collection-product-grid-padding {background-color: white;}
#shopify-section-template–20805869273378__main {background-color: white !important;}
Just add these lines of code into your base.css and should solve the issue for you. Let me know if you need anything else.
Thank you so much yes it did!! I missed it before (my apologies) since my background previously was tan, would you also happen to know how I may change my button colors now? If not absolutely no worries, and thanks for everything so far!!
Hi, Sure but the buttons look different at my end
Can you share the link to the page which has these buttons
Sure, they have this brown color that i’d like to change
https://spookedya.com/products/halloween-viking-ugly-latex-mask
I can’t see it from my end I need to be inside the panel can I send you collaborator access please
It’s only showing like this even on mobile
Okay sure no problem
Sent you request can you give me the color code you want to add instead of brown ?
#F4881E please
For the Buy it Now: F4881E
Add to Cart: White
thank you so much!
It’s great, thank you so much for all of your help!
You are welcome. Don’t hesitate to PM me if you need anything else.
Also you can remove the collaborator access for now.
