Shopify themes, liquid, logos, and UX
Good day everyone.
I would like to ask some help... How can I change my header to full black?
Solved! Go to the solution
This is an accepted solution.
Your site is password protected.
Can you please share password?
This is an accepted solution.
Hello MohammedZoubi,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->styles.min.css
#header-navigation {
background-color: black;
}
This is an accepted solution.
Hello MohammedZoubi,
To remove that white section.
Add this css
footer {
margin-top: 0px;
}
Hello,
Please share your store URL with password (If Needed), So that I will give you proper solution here !
I apologize. Why will I send my password? Is it necessary?
Hi,
Please share your site url.
This is an accepted solution.
Your site is password protected.
Can you please share password?
Hello. I am also interested in the solution to this.
Also, on mobile view, I want my footer to have 2 columns instead of one long column. looking for help
The url is productableme.com
Thank you
Yes. I want to make the header black and make the icons white.
I also want to make the footer have two columns instead of one long column
I would also like to move the logo to the middle and the menu tab to the left
Thank you.
password is whadre
This is an accepted solution.
Hello MohammedZoubi,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->styles.min.css
#header-navigation {
background-color: black;
}
Thank you so much sir! Now its better.
Is it the same HTML code for footer to change the background colour ?
Hello MohammedZoubi,
To change the footer background color.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->styles.min.css
#shopify-section-footer {
background-color: #ccc;
}
Hello. I am still waiting for some help. I am using the debut theme
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
#shopify-section-footer {
background-color: #000000 !important;
}
@Kinjaldavra @Zworthkey Hello. I have a different theme but a similar problem. I am using the debut theme
I would like to do three things.
1. Change the header to black
2. Move the logo to the middle and the menu tab to the left
3. Make my footer shorter by creating two columns instead of one
Hello Intulani,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css
header.site-header.border-bottom.logo--left {
background-color: #ccc;
}
.grid.grid--no-gutters.grid--table.site-header__mobile-nav {
background-color: #ccc;
}
button.btn--link.site-header__icon.site-header__search-toggle.js-drawer-open-top {
color: #fff;
}
a.site-header__icon.site-header__cart {
color: #fff;
}
Change the color as per your choice.
Hope this will work for you.
Thanks....
@oscprofessional The color changed successfully! But the menu tab to the far left is still black and I can't seem to change it.
Also, I would like to move the logo to the middle and the menu lines to the left
Hello Intulani,
To change the color of menu tab and To make footer shorter by creating two columns instead of one.
Add this css
button.btn--link.site-header__icon.site-header__menu.js-mobile-nav-toggle.mobile-nav--open {
color: #fff;
}
@media only screen and (max-width: 749px){
.site-footer__item.site-footer__item--one-half {
flex: 1 1 50%;
}
}
@oscprofessional Thank you so much! It worked!
Now I just want to move the logo to the center and the menu tab on the left 🙂
Thanks a lot!
Hello @oscprofessional. @
I have added the user login button to my tab and i need code to change the color to white on the debut theme.
Thank you.
Thank you so much @oscprofessional .
I have another problem on the Footer area.. I cant remove this white section. Please see the picture below
This is an accepted solution.
Hello MohammedZoubi,
To remove that white section.
Add this css
footer {
margin-top: 0px;
}
Thank you so much. Now my website is ready to launch. Thank you so much @oscprofessional
Hi, my website url is trenfort.com
I am using a ride theme. I want to keep the menu bar color and footer color the same (i.e. black). But when I try to change it from theme settings via color scheme it also changes the color of the body and product page which I dont want. Please help.
I just need to change this to full black. Please see the picture below.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024