How can i make my last item in all my menu columns - View All - bold
Topic summary
A user seeks to make the “View All” link bold in their menu columns. Multiple solutions were initially provided targeting different CSS selectors:
Initial Solutions Offered:
- Targeting
.collection__view-all buttonin base.css/theme.css - Using Custom CSS for specific HeaderMenu IDs
- Modifying
a.button.button--secondaryin base.css
All suggestions involved adding font-weight: bold !important; to CSS files.
Clarification:
The user clarified with a screenshot showing they want to style specific menu items (not buttons), indicating the initial solutions may have targeted the wrong elements.
Status: The discussion remains open as the correct CSS selector for the actual menu items has not yet been identified. The user is awaiting a solution that targets the specific menu links shown in their screenshot.
1 Like
- Here is the solution for you @TBS2023
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press ‘Save’ to save it.
.collection__view-all .button {
font-weight: bold !important;
}
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
Please add this code to Custom CSS in Online store > THemes > Customize > Theme settings
#HeaderMenu-shop-bien-etre-tout-voir,
#HeaderMenu-shop-ambiance-tout-voir,
#HeaderMenu-shop-accessoires-tout-voir { font-weight: 700; }
1 Like
Hello @TBS2023
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
add this code at the end of the file.
a.button.button--secondary {
font-weight: bold !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
