Hello, can someone give me the code the make my footer a solid color? would be appreciated thanks!
my site is www.exoticsouls.world
Topic summary
A user seeks CSS code to change their website footer to a solid color. GemPages support provides a solution:
Initial Solution:
- Navigate to Online Store → Theme → Edit code
- Open theme.liquid file
- Insert CSS code before
</body>tag to set footer background color (example uses black)
Follow-up Issue:
The user then requests code to change only the sale badge to green. GemPages provides CSS targeting the badge element, but implementation in base.css affects both sale and sold-out badges unintentionally.
Current Status:
The footer color change was successful, but the sale badge styling remains unresolved—the provided code changes all badge types rather than isolating the sale badge specifically. The discussion appears ongoing as the user seeks a more targeted solution.
Hello @ExoticSouls
It’s GemPages support team and glad to support you today.
I would like to give you a solution to support you:
- Go to Online Store → Theme → Edit code:
-
Open your theme.liquid theme file
-
Paste the below code before :
You can change it with another color, here i am using black
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
thank you worked perfect, also can you give me code to change only the sale badge to a green color?
placed it at the bottom of base.css and it didn’t work
if set in base.css then only to code:
ul#product-grid .card__badge > .badge{
background: green;
}
