Shopify themes, liquid, logos, and UX
Hello everyone,
Can someone help me add the same green color and bold to my sub menu Titles (PROYECTOS & COLABORADORES) and as well for the languages see screenshots.
I have used this code in theme.liquid for the main titles in my Header menu.
Many thanks,
<style>
li > header-menu > details > summary >span::first-letter {
color: #5bb899!important;
font-weight: bold!important;
}
li > a > span::first-letter {
color: #5bb899!important;
font-weight: bold!important;
}
</style>
I believe you should remove this part from the css code you provided ::first-letter , this should do it. The first letter as the name says targets only the first letter of the span element
Hi, thank you for your answer, apreciate your time.
The code I have provided it is in theme.liquid not in base.css. So you say I should remove it from the theme.liquid than?
No just remove the ::first-letter from your css code and try saving.
Hi @Lumify
Try this one.
.header__submenu .header__menu-item font:first-letter {
color: #5bb899 !important;
font-weight: bold !important;
}
It seems like you've already add on the languages.
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Hi, yes on the sub menu languages the capital letters are in greeen, but not on the title menu.
What can you add to this code bellow to be able to include the language as well?
.header__submenu .header__menu-item font:first-letter {
color: #5bb899 !important;
font-weight: bold !important;
}
Try to repaste on other file.
From your Shopify admin dashboard, click on "Online Store" and then "Themes"
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag.
<style>
.header__submenu .header__menu-item font:first-letter {
color: #5bb899 !important;
font-weight: bold !important;
}
.localization-form__select span:first-letter {
color: #5bb899!important;
font-weight: bold!important;
}
</style>
And save.
Result:
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Hi there,
I have tried but still nothing. For some reason the first capital letters form the sub menu titles wont turn green...
Can you check this one again.
<style>
details[open] > .header__submenu font:first-letter {
color: #5bb899 !important;
font-weight: bold !important;
}
.localization-form__select span:first-letter {
color: #5bb899 !important;
font-weight: bold !important;
}
</style>
And Save.
The language change or still not?
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
I tried the code not working in base.css...
Hi @Lumify,
Please send me the code of header-dropdown-menu.liquid file, I will guide you to change it
Hi Namphan,
Thank you for your interest.
Here is the code that it is at the moment in the layout/them.lquid above head.
<style>
li > header-menu > details > summary >span::first-letter {
color: #5bb899!important;
font-weight: bold!important;
}
li > a > span::first-letter {
color: #5bb899!important;
font-weight: bold!important;
}
</style>
Hi @Lumify,
Please send the code of the file, I will help you add span tag for text and then it works fine
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024