code to give my enter page a custom background like this site?

ATGRFX
Shopify Partner
22 0 4

Hello, can someone give me the code to give my enter page a custom background like this site?

https://sevenemotions.com/ Password: COZYY

Example site is https://www.menacelosangeles.com/

Any help is appreciated!

IMG_6592.PNG

Replies 7 (7)

Dan-From-Ryviu
Shopify Partner
7726 1506 1514

Hi @ATGRFX 

Please go to your Online Store > Themes > Edit code, open theme.liquid file, add this code after <head> to add image background for your homepage 

{% if template == 'index' %}
<style>
body {
background-image: url('add your image url here');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
</style>
{% endif %}

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

ATGRFX
Shopify Partner
22 0 4

Hi, i put the code and its still not working, any idea?

Screenshot 2024-04-11 at 1.03.55 AM.png

zack_dev
Shopify Partner
75 14 10

hi the code you put is ok but its being over ridden by following css  

body, html, .gradient {
    height: 100vh;
    width: 100vw;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    background: #ffffff !important;
    background: !important;
}
body, #cart-notification, .menu-drawer__navigation, .search-modal__content-bottom, .cart-drawer, .predictive-search, .mobile-facets__inner, .facets__display, .quick-add-modal__content {
    background: #ffffff !important;
}

 make sure to remove body background from theme settings in customizer or any other place its set .



- Helpful? Like or Accept solution, - Buy me Coffee


-

Contact me

ATGRFX
Shopify Partner
22 0 4

Hi, im not able to find that code to delete it, is it in theme.liquid?

zack_dev
Shopify Partner
75 14 10

this can be from theme customzier you can send me invite so i can have a look to remove it .



- Helpful? Like or Accept solution, - Buy me Coffee


-

Contact me

ATGRFX
Shopify Partner
22 0 4

I made it transparent in the only two places and still wont work

Screenshot 2024-04-11 at 2.27.47 AM.pngScreenshot 2024-04-11 at 2.26.56 AM.png

zack_dev
Shopify Partner
75 14 10

see if it can be removed altogether like no color instead of transparent or try to place code at end of theme.liquid  .



- Helpful? Like or Accept solution, - Buy me Coffee


-

Contact me