Notifications
Clear all

Style [Solved] want to change a number of styling features without changing other associated colours

7 Posts
3 Users
0 Reactions
695 Views
Posts: 32
Topic starter
(@st0nehead_ss)
Eminent Member
Joined: 2 years ago

hey all thanks for the continuing support

 

I have two questions, both regarding styling.  screenshots attached..
 

I want to firstly make the sign up boxes white, search field white, and remove the grey/green background behind the "password" field on registration page (screenshot one)

 

Secondly, on the "member profile" screen, i want to change/remove the background picture and styling behind the avatar picture, it doesnt sit well for me in terms of appearance.

Then i'd like to make the icons at the bottoom the green/grey colour instead of white

I cannot find the specific place to do this without altering other elements, i assume it will need custom css

Topic Tags
6 Replies
Posts: 32
Topic starter
(@st0nehead_ss)
Eminent Member
Joined: 2 years ago

second screenshot attached here

Tutrix
Posts: 1302
(@tutrix)
Noble Member
Joined: 4 years ago

@st0nehead_ss

add this to custom css

.wpfcl-5 {
color: #9BA6A3 !important;
}
#wpforo #wpforo-wrap .wpforo-profile-wrap .wpforo-profile-head-bg,
#wpforo #wpforo-wrap .wpforo-profile-wrap .wpforo-profile-head-bg .wpfx {
background: none !important;
}
#wpforo #wpforo-wrap.wpf-dark input[type="text"],
#wpforo #wpforo-wrap.wpf-dark input[type="search"],
#wpforo #wpforo-wrap.wpf-dark input[type="email"],
#wpforo #wpforo-wrap.wpf-dark input[type="date"],
#wpforo #wpforo-wrap.wpf-dark input[type="number"],
#wpforo #wpforo-wrap.wpf-dark input[type="url"],
#wpforo #wpforo-wrap.wpf-dark input[type="tel"],
#wpforo #wpforo-wrap.wpf-dark input[type="password"],
#wpforo #wpforo-wrap.wpf-dark input[type="email"],
#wpforo #wpforo-wrap.wpf-dark textarea,
#wpforo #wpforo-wrap.wpf-dark select {
background-color: #ffffff !important;
}
#wpforo #wpforo-wrap.wpf-dark input[type="text"].wpf-search-field,
#wpforo #wpforo-wrap.wpf-dark .wpf-table .wpfw-1 .wpf-field:nth-child(2n) {
background-color: transparent !important;
}

Dashboard > Forums > Settings > Style (custom css)

1 Reply
(@st0nehead_ss)
Joined: 2 years ago

Eminent Member
Posts: 32

@tutrix thankyou very much, most helpful

Posts: 32
Topic starter
(@st0nehead_ss)
Eminent Member
Joined: 2 years ago

as you can see i have one more issue, last post activity is showing on the forums at the top, but under HEALTH PHILOSOPHY forum, it does not format the same?  does anyone know why?

2 Replies
Chris
(@chris)
Joined: 3 years ago

Famed Member
Posts: 3650

@st0nehead_ss,

Different Forum Layouts.

(@st0nehead_ss)
Joined: 2 years ago

Eminent Member
Posts: 32

@chris thanks, i found it