Notifications
Clear all

Change tags color

7 Posts
2 Users
0 Reactions
536 Views
Posts: 14
 Lux
Topic starter
(@lux)
Eminent Member
Joined: 10 months ago

Hi, I've tried changing the color of the discussion labels using CSS in Elementor, but the entire label color doesn't change (just the center, not the far left). How can I change the entire label color?

Thank you.


6 Replies
Sofy
Posts: 5749
 Sofy
Admin
(@sofy)
Support Team
Joined: 8 years ago

Hi,

Please provide us the URL where we can see the issue. 


Reply
Posts: 14
 Lux
Topic starter
(@lux)
Eminent Member
Joined: 10 months ago
Reply
1 Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5749

@lux 

Use this CSS code: 

#wpforo #wpforo-wrap .wpf-tags a {background-color: #011935;}
#wpforo #wpforo-wrap .wpf-tags a:before{
    border-color: transparent #011935 transparent transparent;
}

Reply
Posts: 14
 Lux
Topic starter
(@lux)
Eminent Member
Joined: 10 months ago

Thanks! It's works! And when i do hover in the tooltip tag?


Reply
Posts: 14
 Lux
Topic starter
(@lux)
Eminent Member
Joined: 10 months ago

The tags in this url: https://www.institutodelaverdad.com/comunidad/?wpfin=tag&wpfs=QUEUEUM show a border right: white...

Why?

Thanks.


Reply
1 Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5749

@lux 

 And when i do hover in the tooltip tag?

Here is the code you can use: 

#wpforo #wpforo-wrap .wpf-tags a:hover {background-color: #00A59D !important;}
#wpforo #wpforo-wrap .wpf-tags a:before {
border-color: transparent #00A59D transparent transparent !important;
}

The tags in this url:  https://www.institutodelaverdad.com/comunidad/?wpfin=tag&wpfs=QUEUEUM  show a border right: white...

You can remove it using the CSS code below 

#wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content td.wpf-shead-icon {border:none}


Reply