Product collection menu

[MAndreiD]

Dear community, 

I would like to make a change on my website to make a text stand out in the Header where the Product Menu (Collections) currently sits. 

As per the enclosed screenshot, I would like to make the text: All alcoholic drinks and All wines with bold letters to stand out from the rest of the menu options.

Is there a code that I can apply? 

My website is: www.romaniandrinks.co.uk

[PageFly-Henry · Accepted solution]

Hi @MAndreiD 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

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

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

[href="/collections/romanian-alcoholic-drinks"] span, [title="All wines"][href="/collections/wine"] span {

    font-weight: bold !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[MAndreiD]

Hi Henry, 

Thank you for this. Much appreciated.

[MAndreiD]

Hi Henry,

I've used your code for many months now and it all worked well until today.

I'm using the following code (had to adapt it for further needs) and some titles are bold but some or not:

[title="All alcoholic drinks"] span, [title="All wines"] span, [title="All non-alcoholic drinks"] span, [title="All spirits"] span {

font-weight: bold !important;

}

So "All wines" and "All spirits" menus are bold whereas "All alcoholic drinks" and "All non-alcoholic drinks" menus are not showing bold. 

Do you have any suggestion why that's the case?