Skip Navigation

[Resolved] Search fields render

This thread is resolved. Here is a description of the problem and solution.

Problem:

I have a view with search fields aligned horizontally on the homepage.

The first 2/3 seconds you can see the fields are aligned vertically, then they change to horizontal.

It is possible to avoid this behavior and display the horizontal fields only once they are properly rendered?

Solution:

ou might consider to load the custom CSS styles in the HTML header, for example, put those CSS codes into your theme file "style.css"

Relevant Documentation:

https://developer.wordpress.org/themes/basics/main-stylesheet-style-css/

This support ticket is created 3 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 2 replies, has 2 voices.

Last updated by Puntorosso 3 years, 11 months ago.

Assisted by: Luo Yang.

Author
Posts
#1901491

Hi,

I have a view with search fields aligned horizontally on the homepage.
The first 2/3 seconds you can see the fields are aligned vertically, then they change to horizontal.

hidden link

It is possible to avoid this behavior and display the horizontal fields only once they are properly rendered?
Thanks

#1901979

Hello,

It is a CSS issue, I assume you are using custom CSS codes to style the input box horizontally, you might consider to load the custom CSS styles in the HTML header, for example, put those CSS codes into your theme file "style.css"

More help:
https://developer.wordpress.org/themes/basics/main-stylesheet-style-css/

#1908557

My issue is resolved now. Thank you!