All things Shopify and commerce
www.sippinonsunshine.net
code - anna
the code i had used in custom liquid is .h1 {
color: #f2e9e7;
}
.button.button--secondary {
color: #f2e9e7 !important; /* Change the button text color */
border-color: #f2e9e7 !important; /* Change the button border color, if applicable */
} /* Optional: Hover effect */
.button.button--secondary:hover {
background-color: #e0d5d2 !important; /* Slightly darker shade on hover */
color: #111111 !important; /* Change the text color on hover */
}
I accidentally messed with something and now the font is black on mobile! please help
This is how my home page just looked and now it's messed up. need it to go back to looking like this
Hi, @sippinonsunshin
I see that your website has been modified like this.
I want it to go back to the way i had it before. I messed it up and now it looks like that. I need it to look like this
Hi @sippinonsunshin, I see your home page looks like this
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Hi! Just like i told the other person, I need my homepage to look like this
I messed it up and cant figure out how to make it look like this again
Hi @sippinonsunshin,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head> tag:
<style>
.banner__box.content-container.content-container--full-width-mobile {
background-color: transparent !important;
}
#MainContent h2.banner__heading.inline-richtext.h1,
#MainContent .banner__box .banner__buttons a
{
color: #ffff !important;
}
#MainContent .banner__box .banner__buttons a::after {
box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgb(219 213 213), 0 0 0 var(--buttons-border-width) !important;
}
</style>
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025