Profile Form Segments Background Color - How-to and Troubleshooting - wpForo 2.0

RE: Profile Form Segments Background Color

Florian — Fri, 01 Mar 2019 10:09:14 +0000

Thank you for the explanation!

RE: Profile Form Segments Background Color

Sofy — Fri, 01 Mar 2019 08:20:05 +0000

@florian,

It contains three different divs. It's shown on the screenshot below. Everything depends on the HTML structure. For the first div, it generates the color by nth-child(even) and nth-child(odd) selectors. You can simply check it by pressing F12 on the browser and opening Chrome or Firefox Console.

wpForo also allows customizing its design. You can easily write a CSS role and change the background color as you like.

HTML_structure.png

RE: Profile Form Segments Background Color

Florian — Thu, 28 Feb 2019 10:13:36 +0000

Thank you for your answer. This means the background color is fixed for each field - it doesn't get generated dynamically?

RE: Profile Form Segments Background Color

Sofy — Thu, 28 Feb 2019 08:45:11 +0000

Hi @florian,

This is because you've disabled the following two Permissions/Cans:

Front - Can have signature
Front - Can view member signature

So the "Signature" field between the "Occupation" and the "Social Networks" fields is hidden and the grey color line is not shown.

RE: Profile Form Segments Background Color

Florian — Wed, 27 Feb 2019 19:32:34 +0000

Thank you. But before fixing this with CSS, I would like to know why it's not showing properly in the first place. It would be better if this would be fixed in the plugin itself.

RE: Profile Form Segments Background Color

m2sahin — Sun, 24 Feb 2019 19:14:24 +0000

https://codecanyon.net/item/yellow-pencil-visual-css-style-editor/11322180

Try this, you can make detailed changes. There is a single and class editing option.

for test drive: https://yellowpencil.waspthemes.com/

Profile Form Segments Background Color

Florian — Sun, 24 Feb 2019 16:27:09 +0000

Hello,

what is the reason that the alternating background color doesn't work for the 3 fields I marked in this screenshot? The "Social Networks" segment should be gray as well:

https://imgur.com/a/JEWW2oZ