wpForo 1.x.x [Solved] How to edit Sign In/Up Box color of "wpForo User Profile & Notifications" - Widget

How-to and Troubleshooting

Last Post by WiYa3D 3 years ago

4 Posts

3 Users

1 Reactions

1,280 Views

RSS

Posts: 31

WiYa3D

Topic starter

Jul 24, 2021 5:16 pm

(@wiya3d)

Trusted Member

Joined: 5 years ago

Hi,

I want to change the box/Link box color of the Sign In & Sign Up of wpforo User Profile & Notification widget. & it's hover color to some other.

Can you help me archive that?

Thank you

WpForo-User-Notification-Widget.PNG

Topic Tags

wpForo User Profile & Not

3 Replies

Posts: 45

tqarb

Jul 24, 2021 5:54 pm

(@tqarb)

Trusted Member

Joined: 4 years ago

change background-color ande color for title color and Put the code in the CSS custom

.wpforo-widget-wrap .wpf-button {
    background-color: #333 !important;
    color: #333 !important;
}

My Test Forum
https://tqarb.com/

منتدى تقارب التطويري
سبحان الله وبحمده .. سبحان الله العظيم

Posts: 1493

Tutrix

Jul 24, 2021 5:54 pm

(@tutrix)

Noble Member

Joined: 5 years ago

@rapid3dme

add this to custom css

.wpf-prof-loginout .wpf-button {
background: #43A6DF !important;
color: #FFFFFF !important;
border: 1px solid #0099CC;
}
.wpf-prof-loginout .wpf-button:hover {
background: #3F7796 !important;
color: #FFFFFF !important;
border: 1px solid #0099CC;
}

Dashboard > Forums > Settings > Style (custom css)

and replace the hex color codes (#43A6DF, #FFFFFF, #0099CC and #3F7796) with yours

visit my german wpForo Community > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...