CSS error after update

Hi @daliasued

You could try using the magic quotes. See below the CSS you could use in your case.

/* 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.

Hi @wplakeorg thanks, it worked, only when the line is longer than the container it does this:

https://ibb.co/2cbmJ43

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?

/* 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

Hi @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.

/* 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.

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