Have your say in Community Polls: What was/is your greatest motivation to start your own business?
Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Editting HEADER AND FOOTER

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
16116 2410 3126

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 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

Replies 3 (3)

oscprofessional
Shopify Partner
16116 2410 3126

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 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

oscprofessional
Shopify Partner
16116 2410 3126

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 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
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