Solved

Heading Font

ricky24
Tourist
22 0 3

ricky24_0-1717109076745.png

How am I able to make Tops, Bottoms, and Collections bolded? 

Accepted Solutions (2)
mrashid
Shopify Partner
169 17 15

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

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution

View solution in original post

mrashid
Shopify Partner
169 17 15

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;
}

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution

View solution in original post

Replies 12 (12)

mrashid
Shopify Partner
169 17 15

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!

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
ricky24
Tourist
22 0 3

.........

mrashid
Shopify Partner
169 17 15

okay , let me check 

 

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
mrashid
Shopify Partner
169 17 15

mrashid_0-1717110056502.png


a.unstyled-link.header-menu-trigger.h4 {
font-weight: 700;
 
}
 

 

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
ricky24
Tourist
22 0 3

thank you, where will I be placing this code? 

 

mrashid
Shopify Partner
169 17 15

For implementing custom CSS code in a Shopify store, follow these steps:

  1. Login to Shopify Admin: Log in to your Shopify admin dashboard.

  2. Navigate to Themes: From the left-hand menu, go to "Online Store" and then click on "Themes."

  3. Access Theme Code: Find the theme you want to edit and click on "Actions" > "Edit code."

  4. 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.

  5. 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.

  6. Save Changes: After pasting the code, remember to save the changes.

  7. 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.

  8. Preview and Test: Preview your Shopify store to see how the changes look. Test the links to ensure they are styled as expected.

  9. 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.

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
mrashid
Shopify Partner
169 17 15

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

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
ricky24
Tourist
22 0 3

How am I able to bold "Our History"?

ricky24_0-1717264613413.png

 

mrashid
Shopify Partner
169 17 15

@ricky24 store url?🤔

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution

mrashid
Shopify Partner
169 17 15

If you have any more questions or need further assistance, don't hesitate to reach out. Thank you for your cooperation!

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
ricky24
Tourist
22 0 3

Thank you so much. How am I able to bold out these footers on "About" and "Support"

ricky24_0-1717112236299.png

 

mrashid
Shopify Partner
169 17 15

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;
}

- Need a Shopify developer? Chat on WhatsApp +923068683199
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution