Change the color of 1 link in my header, but not the rest. Also, make one link bold.

Site URL: http://fbaptistfr.org

Good afternoon!

I am trying to make the link that says "First Baptist Church" bold and the link that says "Worship Online" the same color as our logo without changing the style or color of the rest of the links. How would I do this?

Thank you so much for any help!!

You can try these solution:

1. Worship Online logo color

.Header-nav-item[href*=FirstBaptistFrontRoyal] {
  color: #908181;
}

2. If you need 'First Baptist Church' on the section below WHO WE ARE, then it's text you can make it bold in the editor

3. If 'First Baptist Church' mentioned is on facebook widget you can use this

.eapps-facebook-feed-header-name a {
  font-weight: bold;
}

On 11/10/2020 at 1:17 AM, bangank36 said:

You can try these solution:

1. Worship Online logo color

.Header-nav-item[href*=FirstBaptistFrontRoyal] {
  color: #908181;
}

2. If you need 'First Baptist Church' on the section below WHO WE ARE, then it's text you can make it bold in the editor

3. If 'First Baptist Church' mentioned is on facebook widget you can use this

.eapps-facebook-feed-header-name a {
  font-weight: bold;
}

Thank you!!! Where do I put the code at? I tried putting it in Custom CSS and it did not work.

Fix for #1

.Header-nav-item[href*=FirstBaptistFrontRoyal] {
  color: #908181 !important;
}