Topic: Brand Theme: Menu Color, Uppercase Text

alexjchu
September 17, 2023 at 8:53 pm

I’m currently using the Brand theme and would like to know how to:

– Change the colors of the menu items (OUR BRAND, IDENTITY, COLORS, etc)
– How to remove uppercase for the same menu items

Thanks in advance.

Fernando

September 17, 2023 at 9:32 pm

Hi Alex,

To remove the Uppercase setting, in Appearance > Customize > Additional CSS, edit this:

.main-nav .title a,
.slideout-navigation.main-navigation .main-nav ul li.title a {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-top: 40px;
}

to this:

.main-nav .title a,
.slideout-navigation.main-navigation .main-nav ul li.title a {
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-top: 40px;
}

For the color, do you want different colors for each or the same?

alexjchu
September 18, 2023 at 6:01 am

Hi Fernando,

I’d like one color, but give me both options (one color and different colors).

Thank you.
Ying
September 18, 2023 at 8:10 am
Try this for the same color:
```
.main-navigation .main-nav ul li.title a {
    color: red;
}
```
If you want them to have different colors

1. Go to appearance > menus, add a new class to the menu item. Eg. add brand class to the Our brand menu item, add identity class to the identity menu item, etc.
https://app.screencast.com/R6WmWEJTxoL4i

2. Add CSS according to the class you add, eg. for the our brand menu item, the CSS would be:
```
.main-navigation .main-nav ul li.title.brand a {
    color: blue;
}
```
You can keep on adding CSS for other menu items, eg. for the identity menu item:
```
.main-navigation .main-nav ul li.title.identity a {
    color: yellow;
}
```
alexjchu
September 18, 2023 at 5:38 pm

Hey guys,

I appreciate your help, but what I meant was the items on the main page (not the navigation menus area).

The default color is purple, and there’s a line under it of the same color.

I would like to remove uppercase and change the color to something else.

Thank you.
Fernando
September 18, 2023 at 5:46 pm

I see. Thank you for clarifying.

Here are a couple of screenshots to show you an example of the settings you need to change when selecting the specific Headline Blocks on the Front Page:

https://share.getcloudapp.com/7KuXv4GL
https://share.getcloudapp.com/kpuRQ92Z

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Are you a GenerateCustomer?

Just browsing?

Brand Theme: Menu Color, Uppercase Text