View Items In-Line

  • Resolved onlinetexasltc

    (@onlinetexasltc)


    1 year, 4 months ago

    Trying to view two ACF items in line. I have created a view, but they are stacked. What is the CSS needed for them to be viewed on the same line instead of stacked? They are dates from the ACF date picker field.

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author WPLake

    (@wplakeorg)

    Hi @onlinetexasltc

    You can display two ACF fields inline by using CSS.

    Add the following into your ACF View > Advanced tab > CSS Code

    /* replace the class as needed */
#view__row {
display: flex;
}

    Let me know if that works.

    Thread Starter onlinetexasltc

    (@onlinetexasltc)

    Unfortunately that didn’t work. Please see the screenshots below. “Class Date :”, which is a label for the first field, was on its own line. With your CSS above, it is inline with the first field. But the second field is still on its own line.

    Plugin Author WPLake

    (@wplakeorg)

    @onlinetexasltc Could you please share a link to your page?
    I can then provide you with the exact CSS you need.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘View Items In-Line’ is closed to new replies.