Btn class help in header | WordPress.org

Resolved twgerber
(@twgerber)

6 years, 10 months ago

At this page I want to move the Button I have above the menu into the Menu. https://mirrorstaging.wpengine.com/

I kind of having it working except for the Border and if possible can I get that svg icon into the button too?

body #site-navigation-wrap .dropdown-menu > li.btn > a > span {
background-color: #fff;
color: #B377C6;
}

I have looked thru this forum’s archives and the other CSS I found didn’t work.

Thx for the help!

Viewing 7 replies - 1 through 7 (of 7 total)

Thread Starter twgerber
(@twgerber)

6 years, 10 months ago

Updated CSS:

body #site-navigation-wrap .dropdown-menu > li.btn > a > span {
background-color: #fff;
color: #B377C6;
border: 2px solid #B377C6;
}

Works – I have the border I want now.

Now to add the icon

Amit Singh
(@apprimit)

6 years, 10 months ago

Hello,

To add an icon in the menu, follow the documentation here – https://docs.oceanwp.org/article/440-how-to-add-an-icon-to-a-menu-item

Thread Starter twgerber
(@twgerber)

6 years, 10 months ago

I want to use Icon with the Btn class.

Amit Singh
(@apprimit)

6 years, 10 months ago

Have you followed the above documentation to add the icon? It will work with the btn class.

Thread Starter twgerber
(@twgerber)

6 years, 10 months ago

No I haven’t. I was trying to add the Phone icon to the Telephone number in the button class on the site.

I will try that.

Thread Starter twgerber
(@twgerber)

6 years, 10 months ago

That worked. Thx

Amit Singh
(@apprimit)

6 years, 10 months ago

You’re welcome!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Btn class help in header’ is closed to new replies.

7 replies
2 participants
Last reply from: Amit Singh
Last activity: 6 years, 10 months ago
Status: resolved