Hi,
Can we change the color of the button to white and align left on desktop.
my site is https://luxurymrkt.com
Topic summary
A user seeks to modify a button on their Shopify store (luxurymrkt.com) by changing its color to white and aligning it to the left on desktop.
Solutions Provided:
Two app representatives offered CSS-based solutions:
-
Beae Landing Page Builder (Anthony): Suggested editing the theme.liquid file and pasting custom code before the closing
</body>tag. -
PageFly (Henry): Recommended adding CSS to the theme.css file targeting
.page-width--narrowand anchor elements with specific href attributes. The code includes:- Text alignment set to left
- Background color changed to white
- Text color set to black
- Padding adjustments
Status: The discussion remains open with no confirmation from the original poster about whether either solution resolved the issue. Both responses include code snippets that require direct theme file editing.
Hi @Luxurymrkt ,
This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.
While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:
- Go to Online Store → Theme → Edit code
- Open your theme.liquid file
- Paste below code before :
Best regards,
Anthony
Hi @Luxurymrkt
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save
.page-width–narrow {
max-width: 100% !important;
padding: 0 !important;
text-align: left !important;
}
a[href=“/collections/bags”] {
color: black !important;
background: white !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly