Change font-weight for a single word

[Daniel19901]

Hi, could anyone help me the change the weight of the word "GRIND" to bold without changing the other words as well? 
On the hero banner
https://marymill.amsterdam/

[BSSCommerce-HDL · Accepted solution]

Hi @Daniel19901, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.standard__heading.hero__title strong {
    font-weight: 700;
    -webkit-text-stroke: 1px black;
}
</style>

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[PaulNewton]

CSS can't target single words, you need to change the underlying html to at minium wrap the word in a <span> tag, or even an <em> tag.

Then CSS can target just that word by targeting that element, or a class you put on that element.

While it's possible to do this with javascript it's massive overkill and doesn't address the underlying process problem of having better control over the cotnent/design/copy.

If you need this customization then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

[BSSCommerce-HDL · Accepted solution]

Hi @Daniel19901, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.standard__heading.hero__title strong {
    font-weight: 700;
    -webkit-text-stroke: 1px black;
}
</style>

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[PaulNewton]

@Daniel19901 for any given CSS band-aid solutions try to use a custom-css setting first before modifying files code directly.

This can avoid inadvertently breaking a theme or complicating future version. upgrades

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css 

The custom-css setting does not need the surrounding opening and closing style tags: <style>...</style>

If you must modify files directly always make a back up duplicate of the theme first.

And learn how to rollback eligible files

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/edit-theme-code#roll-b... 

[BSS-TekLabs · Accepted solution]

.hero__content .text__standard .standard__heading strong {
     font-weight: 900 !important;
    -webkit-text-stroke: 1px !important;
}

Can you add this code to last line file theme.css @Daniel19901