Help!! I made my home bag banner font black on mobile

Help!! I made my home bag banner font black on mobile

sippinonsunshin
Tourist
15 0 3

IMG_9879.PNG

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

Replies 6 (6)

sippinonsunshin
Tourist
15 0 3

IMG_9881.PNG


This is how my home page just looked and now it's messed up. need it to go back to looking like this

AnneLuo
Shopify Partner
917 171 194

AnneLuo_0-1724124754862.png

Hi, @sippinonsunshin 

I see that your website has been modified like this.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

sippinonsunshin
Tourist
15 0 3

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

IMG_9881.PNG

BSSCommerce-HDL
Shopify Partner
2017 708 865

Hi @sippinonsunshin, I see your home page looks like this

BSSCommerceHDL_0-1724125267474.png

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
sippinonsunshin
Tourist
15 0 3

Hi! Just like i told the other person, I need my homepage to look like this

IMG_9881.PNG


I messed it up and cant figure out how to make it look like this again

BSSCommerce-HDL
Shopify Partner
2017 708 865

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:

BSSCommerceHDL_0-1724126056015.png

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 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency