How to change text background color and corner radius?

[winnado11]

Hello, 

I need help with changing the background of "Try Berrybites" text + Making the corner radius of the background text to 40px

Website link: wowberrybites.com

Thank you

[MarinaPetrovic · Accepted solution]

If you'd like something like this:

Go to edit code > assets > base.css and add this:

#Details-HeaderMenu-5{
    background-color: #ac3834;
    border-radius: 40px;
}

[MarinaPetrovic · Accepted solution]

If you'd like something like this:

Go to edit code > assets > base.css and add this:

#Details-HeaderMenu-5{
    background-color: #ac3834;
    border-radius: 40px;
}

[winnado11]

Thank you. Do you know how to change the submenu text color to black by any chance?

[MarinaPetrovic]

@winnado11 add this element in base.css:

#Details-HeaderMenu-5 .header__menu-item {
    color: #000000!important;
}

[winnado11]

@MarinaPetrovic Oh, that's code is actually for changing the color of "Try Berrybites" text. I want "Try Berrybites" text to be white color. What I wanted to change the text color is the subtext/submenu below it (which is "Berrybites Bundles & Build your Box). If you click the arrow, you will be able to see it. Please see the screenshot. 

[MarinaPetrovic]

@winnado11  try this 🙂 

.list-menu__item {
    color: #000;
}

[winnado11]

@MarinaPetrovic no it does not work. The submenu color changed to color, but now it made the "Try Berrybites" text color changed too. I want to keep the "Try Berrybites" text color white. 

[MarinaPetrovic]

@winnado11 

#HeaderMenu-MenuList-5 a{
color:#000000!important;
}

#Details-HeaderMenu-5 .header__menu-item {
    color: #FFFFFF;
}

[winnado11]

@MarinaPetrovic hello, the "Try Berrybites" text still did not change to white 😞 

[MarinaPetrovic]

Have you removed this:

#Details-HeaderMenu-5 .header__menu-item {
    color: #000000!important;
}

If not, please remove.

[winnado11]

Yes @MarinaPetrovic , I removed. But the "Try Berrybites" text is still the same and has not yet been changed to #FFFFF2

[MarinaPetrovic · Accepted solution]

@winnado11 

#Details-HeaderMenu-5 .header__menu-item span{
color:#FFFFFF!important;
}

[winnado11]

@MarinaPetrovic thank you!