Shopify themes, liquid, logos, and UX
This is an accepted solution.
This will apply bold styling (font-weight: 700) to all elements with the class combination of unstyled-link, header-menu-trigger, and h4.
If you wish to target and bold only these specific links without affecting others, adding an extra class to the HTML elements and updating the CSS accordingly is a good practice
This is an accepted solution.
To bold out the footers, you need to ensure that the CSS class .footer-block__heading is correctly applied to the HTML elements within your footer that you want to be bold.
.footer-block__heading {
font-weight: 700;
}
make the "Tops," "Bottoms," and "Collections" bold in your store's navigation or text content, you'll need to use HTML and CSS. Select class and font-weight 700
example
.class{ font-weight: 700;}
If you need more specific guidance based on your platform or if you'd like direct help with implementing these changes, please share your store URL . I can provide more tailored assistance!
.........
okay , let me check
thank you, where will I be placing this code?
For implementing custom CSS code in a Shopify store, follow these steps:
Login to Shopify Admin: Log in to your Shopify admin dashboard.
Navigate to Themes: From the left-hand menu, go to "Online Store" and then click on "Themes."
Access Theme Code: Find the theme you want to edit and click on "Actions" > "Edit code."
Locate CSS File: In the list of files on the left-hand side, locate and click on the file named theme.scss.liquid under the "Assets" folder. This is where you'll typically add your custom CSS code.
Insert Custom CSS: Inside theme.scss.liquid, scroll down to the bottom of the file (or to the appropriate section) and paste the provided CSS code.
Save Changes: After pasting the code, remember to save the changes.
Apply Additional Classes: Ensure that in your Shopify store's HTML, the links you want to style with this CSS have the additional class (bold-link in this case) added to them.
Preview and Test: Preview your Shopify store to see how the changes look. Test the links to ensure they are styled as expected.
Publish Changes: Once you're satisfied with the changes, click on "Save" and then "Publish" to make your changes live on your Shopify store.
By following these steps, you'll be able to add custom CSS code to your Shopify store and style specific links according to your requirements.
This is an accepted solution.
This will apply bold styling (font-weight: 700) to all elements with the class combination of unstyled-link, header-menu-trigger, and h4.
If you wish to target and bold only these specific links without affecting others, adding an extra class to the HTML elements and updating the CSS accordingly is a good practice
How am I able to bold "Our History"?
@ricky24 store url?🤔
If you have any more questions or need further assistance, don't hesitate to reach out. Thank you for your cooperation!
Thank you so much. How am I able to bold out these footers on "About" and "Support"
This is an accepted solution.
To bold out the footers, you need to ensure that the CSS class .footer-block__heading is correctly applied to the HTML elements within your footer that you want to be bold.
.footer-block__heading {
font-weight: 700;
}
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025