Target 'Link' Styling in Navigation

Hi all,

Does anyone happen to have some CSS for targeting ONLY links within navigation (for both mobile and desktop)? By links I am meaning explicitly items in the navigation that are listed as Links from the 'Other' section of the 'Create a new page' pop up when adding a new page to the navigation.

I am looking to target the styling of only those links, not pages or folders, when shown in the navigation. Ideally in a different font and/or colour.

Any assistance much appreciated 🙂

(I am unable to share a link to the site for the time being, apologies)

Sarah

Can you share template name? or share link to private message?

Hi @tuanpham

Thanks for responding — I am experimenting with different solutions so have removed my links from the navigation for the time being.

I am using the Brine template. It's just a simple 'page' style menu item in the main nav which is linked using the above link option under 'other'. I'll recreate again and share the link if that will help at lot? 

Sarah

6 minutes ago, sarahcreates said:

Hi @tuanpham

Thanks for responding — I am experimenting with different solutions so have removed my links from the navigation for the time being.

I am using the Brine template. It's just a simple 'page' style menu item in the main nav which is linked using the above link option under 'other'. I'll recreate again and share the link if that will help at lot? 

Sarah

with CSS, you can target a[href="/page-url"] 

So, no matter what type the item is, as long as it has a different url than the other items, you can style it. Of course I need to check the site to know exactly what CSS Class to use.

Thank you @tuanphan!

5 minutes ago, sarahcreates said:

Thank you @tuanphan!

are you Sarah Brown? If yes, you can send link to my email. I'll give the code, i think it will take 2-3 minutes

7 minutes ago, tuanphan said:

are you Sarah Brown? If yes, you can send link to my email. I'll give the code, i think it will take 2-3 minutes

Afraid that's not me.

Just now, sarahcreates said:

Afraid that's not me.

you can try targeting [href="/page-url"] {CSS}