How can I add color-specific buttons to my Dawn Theme navigation bar?

Store Design
1

Hi all,

So what I am looking to do is add black buttons around the top navigation links. I want the buttons black and the text white. Then, the last button, which is the Get Involved dropdown, id like that button to be green with white text so it stands out. In my mind, this will look great but not really sure until I do it. Does anyone know how I would go about doing that?

website is www.PennsylvaniaParks.org

Thanks so much!

2

Hi @Justin34 ,

It’s customization work, for that you need to hire a developer or need a developer help,
to add this feature with custom code.

You can contact (https://www.halothemes.com/contact) for support.

If you find this answer helpful, please mark it as a SOLUTION.

Best regards.

3

@Justin34 - you want something like this?

suyash1_0-1648267340272.png
suyash1_0-1648267340272.png1366×768 317 KB

4

@Justin34

.header__menu-item span {
    transition: text-decoration var(--duration-short) ease;
    background: black !important;
    color: white !important;
    padding: 13px !important;
    border-radius: 50px !important;
}
li:last-child span {
 
    background: #0d9903 !important;
    color: white !important;
    padding: 13px !important;
    border-radius: 50px !important;
}

Add this code in the bottom of the base.css file.

or follow this:

  1. Navigate to Online Store->Theme->Edit code
  2. Asset->/Base.css ->paste Above code at the bottom of the file.
  3. Save it.
1 Like