How to add a custom button to a navigation title?

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

Hi. What is site url? We can help easier

Great! its 

cityofrefugeatl.org

@tuanphan

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;
}

Thank you!! @tuanphan

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

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

https://cityofrefugeatl.org/

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

https://cityofrefugeatl.org/

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

https://cityofrefugeatl.org/transformation-partners

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

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