Editting HEADER AND FOOTER

Solved
inyah
Tourist
17 0 1

Hello i want to add a background tileable image that repeats to my header and i don't know how to do it ?... and also add a CHART to my footer that will be 3/4 footer size .. is it possible to make these changes ?

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
11582 1813 2317

This is an accepted solution.

Hello Inyah,
Add this code to in at the bottom of theme -> edit code -> assets -> theme.scss.css
Note: - Make sure add tillable background image on your media and use that Image URL in place of  below URL in code.

.site-header.border-bottom.logo--left {
    background-image: url(https://www.welovesolo.com/wp-content/uploads/2014/12/p18m32crvk1cm5125f1j47nd3c1b5-details.jpg);
}
header .site-header__mobile-nav {
    background-color: rgba(0,0,0,0);
}

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing

View solution in original post

Replies 3 (3)
oscprofessional
Shopify Partner
11582 1813 2317

Hello

Which theme you are using? if possible please share site URL and password if its password protected.

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
oscprofessional
Shopify Partner
11582 1813 2317

This is an accepted solution.

Hello Inyah,
Add this code to in at the bottom of theme -> edit code -> assets -> theme.scss.css
Note: - Make sure add tillable background image on your media and use that Image URL in place of  below URL in code.

.site-header.border-bottom.logo--left {
    background-image: url(https://www.welovesolo.com/wp-content/uploads/2014/12/p18m32crvk1cm5125f1j47nd3c1b5-details.jpg);
}
header .site-header__mobile-nav {
    background-color: rgba(0,0,0,0);
}

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
inyah
Tourist
17 0 1

Thank you Pallavi, your code has worked.... but my image isn't working or I think I've imported the tillable image wrongly. advise me on image url and formats that are tillable or how to convert an image into a tillable image