How to personalize Custom files on the post

Hello @thiagoff8,

By default any such process to customize the fields, when a post is viewed from the frontend, is unavailable.

So you have to add custom CSS or any other customization to make it look different than mere texts.

Regards,

Good. But how to show/select each custom field in the post? There is a shortcode? For each field? Because the default is just a pure text without a class or id.

What code/shortcode do I use to extract each information so I can customize it with CSS??

Example:

.eye_color_form {
background-color: black;
}

——-
The .eye_color_form is the id class/shortcode for Eye color custom field.

https://www.dropbox.com/s/awn0w5yv8vvfcuw/fdf.png?dl=0

Hello @thiagoff8,

In order to show the custom field data in the post, you have to make sure the configurations below are done properly:

1. Please hove on the custom field in your Post form by navigating through WP-admin > WPUF > Post form. Next click on the pen icon and move to the advanced option. Select yes for the option “show data in post” set to yes.

2. Please navigate through WP-admin > WPUF > Settings > Frontend Posting > and check this settings.

Regards,

Sorry…. sorry. But Did you read my post and check my attached image? My attached image is exactly…. exactly a screenshot of a post showing a WP frontend User custom fields.

I don`t need this, please. Read and see my images. I know to show the custom form fields inside the post. But I need to know how I can select each answer separately.

Not the content. I don`t want to personalize the content. I need to personalize…. the Answers. Example: I need the country Bangladesh e red and bold but all the other Answers in blue.

I need to know how to extract/get (shortcode?) each answers separately.

Hello @thiagoff8,

I am so sorry if my answer was not helpful.

Any shortcode for personalizing the answers will be unavailable by default. In order to personalize the answer, you will require custom CSS.

Regards,

@thiagoff8 This may help, the list has a class of:

<ul class="wpuf_customs">

You could use the ‘:nth-child(n)’ selector to style each entry in the list, if you know the order that the entries will be and if they will be the same on each post.

https://www.w3schools.com/cssref/sel_nth-child.asp

So in your CSS you could add:

ul.wpuf_customs li:nth-child(1) {
  background: blue;
  color: white;
}
ul.wpuf_customs li:nth-child(2) {
  background: green;
  color: pink;
}

Hope that helps. It would be a good feature if the dev’s could add individual classes to each custom field in the list.

• This reply was modified 5 years, 1 month ago by PinkishHue.