Jump to content

How to add a custom button to a navigation title?

Recommended Posts

Hey there! I am trying to add an outlined box to a specific page within my primary navigation. I want to keep the solid button as well. Is there a simple way to do this or does anyone know the specific code I should use?  I have attached a photo - I am trying to add the box around "Page Name 2" 

Thanks for any help!!!

Louis

Navigation.png

Link to comment
  • Replies 5
  • Views 369
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 2 weeks later...
On 7/13/2021 at 12:59 AM, LouisH said:

Great! its 

cityofrefugeatl.org

@tuanphan

Add to Design > Custom CSS

/* Job training outline box */
a.Header-nav-item[href="/job-training"] {
    border: 1px solid rgba(250,125,41,.6);
    padding: 10px 5px !Important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 7/19/2021 at 10:04 PM, LouisH said:

Thank you!! @tuanphan

Hi. Do you need to fix these?

Site URL – https://cityofrefugeatl.org/citylights

1. (Desktop/Tablet – City light) The horizontal lines are not equal, do not look good.

https://cityofrefugeatl.org/citylights

cityofrefugeatl.org-01-min.png

2. (Mobile – Footer) On desktop, the text is on one line. On mobile, the text is cut into 3 lines.

https://cityofrefugeatl.org/

cityofrefugeatl.org-02-min.png

3. (Mobile – Menu) Reduce space between Join city lights and Donate.

https://cityofrefugeatl.org/

cityofrefugeatl.org-03-min.png

4. (Mobile) Page is long. Add button Back to top?

https://cityofrefugeatl.org/transformation-partners

cityofrefugeatl.org-04-min.png

5. (Tablet – Application) Email is cut into 2 lines.

https://cityofrefugeatl.org/apply-for-help

cityofrefugeatl.org-05-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.