Solved

Editting HEADER AND FOOTER

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)

oscprofessional
Shopify Partner
15830 2369 3072

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);
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 3 (3)

oscprofessional
Shopify Partner
15830 2369 3072

Hello

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

oscprofessional
Shopify Partner
15830 2369 3072

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);
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | 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