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.

We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

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
16407 2444 3196

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

 

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

View solution in original post

Replies 3 (3)

oscprofessional
Shopify Partner
16407 2444 3196

Hello

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

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

oscprofessional
Shopify Partner
16407 2444 3196

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

 

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...
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