Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Target 'Link' Styling in Navigation


sarahcreates

Question

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

Screen Shot 2019-12-04 at 4.29.39 pm.png

Screen Shot 2019-12-04 at 4.29.31 pm.png

Link to post
  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

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

Posted Images

7 answers to this question

Recommended Posts

  • 0

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

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

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

Link to post
  • 0
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.

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
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

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
Just now, sarahcreates said:

Afraid that's not me.

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

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...