Title: CSS error after update
Last modified: October 5, 2023

---

# CSS error after update

 *  Resolved [daliasued](https://wordpress.org/support/users/daliasued/)
 * (@daliasued)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/css-error-after-update/)
 * Good morning, since last update I have this error:
 * [https://ibb.co/sQ5Fxmh](https://ibb.co/sQ5Fxmh)
 * I have this CSS, because the fields appear below the label and not next to the
   label, as is usually seen in databases. Now the CSS doesn’t work.
 * Best regards,
 * Dalia
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-error-after-update%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [WPLake](https://wordpress.org/support/users/wplakeorg/)
 * (@wplakeorg)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/css-error-after-update/#post-17103234)
 * Hi [@daliasued](https://wordpress.org/support/users/daliasued/)
 * You could try using the magic quotes. See below the CSS you could use in your
   case.
 *     ```wp-block-code
       /* display view field values on 1 line */
       #view__row {
       	display: flex;
       }
   
       /* prepend 3px padding before field */
       #view .acf-view__field {
       	padding-left: 3px;
       }
   
       a.acf-view__link:not(:last-child)::after {
       content: ",";
       padding-right: 3px;
       }
       ```
   
 * Please let us know if this works.
 *  Thread Starter [daliasued](https://wordpress.org/support/users/daliasued/)
 * (@daliasued)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/css-error-after-update/#post-17103293)
 * Hi [@wplakeorg](https://wordpress.org/support/users/wplakeorg/) thanks, it worked,
   only when the line is longer than the container it does this:
 * [https://ibb.co/2cbmJ43](https://ibb.co/2cbmJ43)
 *  [Sylvie-V](https://wordpress.org/support/users/sylvie-aveline/)
 * (@sylvie-aveline)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/css-error-after-update/#post-17113774)
 * Hi WP Lake,
   Thank you very much for this information.With the last two updates,
   I also had problems.The ID number has changed: I made the change manually in 
   the custom CSS.With the last update, the CSS no longer aligns the elements on
   the same line.I completely reinstalled my site with my previous backup… and I’m
   really hesitant to update ACF Views again.
 * Indeed, the custom CSS looks like this and it is different from the solution 
   you propose below.
   The ID is no longer mentioned?
 *     ```wp-block-code
       /* display view id 651fc0457598e field values on 1 line */
       .acf-view.acf-view--id--651fc0457598e .acf-view__row {
           display: flex;
       }
   
       /* prepend 3 px padding before field */
       .acf-view.acf-view--id--651fc0457598e .acf-view__field {
           padding-left: 3px;
       }
       ```
   
 * 
   The problem is that reinstalling a site takes time… and before the update, I
   would like to be sure that the custom CSS without the ID works.
 * Do you confirm that it is no longer necessary to reference the ID in the custom
   CSS?
 * In advance, many thanks & best regards.
   Sylvie
 *  Plugin Author [WPLake](https://wordpress.org/support/users/wplakeorg/)
 * (@wplakeorg)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/css-error-after-update/#post-17118328)
 * Hi [@sylvie-aveline](https://wordpress.org/support/users/sylvie-aveline/)
 * Sorry to hear you’re experiencing some CSS issues.
   In the CSS you could use the
   id to restrict the style to a specific View or element. We have created magic
   classes that will automatically pull in the relevant id of your View. So using#
   view and #view__row will allow you to still restrict the style, because it’ll
   insert the id for you. (Keep in mind these Magic classes can only be used directly
   in your Views in the ‘Advanced’ tab, not in the theme.In your case you could 
   use the following to have your fields display inline with it’s label.
 *     ```wp-block-code
       /* display view field values on 1 line */
       #view__row {
           display: flex;
       }
   
       /* prepend 3 px padding before field */
       #view .acf-view__field {
           padding-left: 3px;
       }
       ```
   
 * We thoroughly test each release of ACF Views, so please don’t be reluctant to
   update to the latest release.
   It’s highly recommended that you do a database 
   backup when updating your plugins, which mitigates the task of having to reinstall
   WP from scratch.We hope this helps. But if you need any other information, then
   feel free to reach out. We’d be happy to assist.
 *  [Sylvie-V](https://wordpress.org/support/users/sylvie-aveline/)
 * (@sylvie-aveline)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/css-error-after-update/#post-17118447)
 * Hello WP Lake,
 * Thank you 1000 times for this useful response and your kindness.
   I will do what
   is necessary and keep your valuable information.Thank you again & best regards.
   Sylvie

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS error after update’ is closed to new replies.

 * ![](https://ps.w.org/acf-views/assets/icon-256x256.gif?rev=3022872)
 * [Advanced Views - Display Custom Fields (ACF, Pods, MetaBox), Posts, CPT and Woo Products anywhere in Gutenberg, Elementor, Divi, Beaver...](https://wordpress.org/plugins/acf-views/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/acf-views/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/acf-views/)
 * [Active Topics](https://wordpress.org/support/plugin/acf-views/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/acf-views/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/acf-views/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 7 replies
 * 3 participants
 * Last reply from: [Sylvie-V](https://wordpress.org/support/users/sylvie-aveline/)
 * Last activity: [2 years, 8 months ago](https://wordpress.org/support/topic/css-error-after-update/#post-17118447)
 * Status: resolved