Liquid, JavaScript, themes, sales channels
Hi I need help with removing the opacity showing on the photos in my collection tiles. I also want to add the text to the bottom of the photo not white text hovered over the image (see screenshot below)
I also need help with changing the background color of the dropdown menu to black or the text color in the dropdown menu to black on desktop. Mobile dropdown menu is good.
Please see screenshot below
Solved! Go to the solution
This is an accepted solution.
@Muchoprinting
To move the text below the image, you can follow this tutorial. Although it was written for the Brooklyn theme it also works on Debut.
In relation to the navbar color:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.site-nav__dropdown{
background: #000000 !important;
border-color: #000000 !important;
}
.site-nav__dropdown *{
color: #ffffff !important;
}
You can change the HEX colors above.
Please let me know whether it works.
Kind regards,
Diego
Hi Muchoprinting
Sorry for facing issue can you share your store url if password protected then also share password.
If helpful then please Like and Accept Solution.
For Design, Development and custom changes Hire Me.
Skype: live:hardikradadiya355
Thanks
This is an accepted solution.
@Muchoprinting
To move the text below the image, you can follow this tutorial. Although it was written for the Brooklyn theme it also works on Debut.
In relation to the navbar color:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.site-nav__dropdown{
background: #000000 !important;
border-color: #000000 !important;
}
.site-nav__dropdown *{
color: #ffffff !important;
}
You can change the HEX colors above.
Please let me know whether it works.
Kind regards,
Diego
This code was spot on thank you very much for this solution! Works!!
@diego_ezfy could you also help me to remove the opacity and have the text below the image of the collection list block on the home page. Please see screenshot below. Currently there is an opacity over the image and the text overlayed in white.
would like to customize this section to have the text below the image and the image 0 opacity.
below is an example of how i would like to customize the above collection no opacity on the display image and text under the photo.
Thank you very much!!
Please send your site and if your site is password protected, please send me the password. I will check it for you
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024