Skip Navigation

[Closed] CSS styling for Distance filter

This support ticket is created 4 years 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.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

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 3 replies, has 2 voices.

Last updated by Luo Yang 4 years ago.

Assisted by: Luo Yang.

Author
Posts
#1848869
Screen Shot 2020-11-18 at 17.11.47.png

Tell us what you are trying to do?

I would like to add styling for the fields, so they look good, I would like to have eg "30" field to be next to the "km" field,

Also the button "USE MY LOCATION"is missing the icon

Is there any documentation that you are following?

Is there a similar example that we can see?

What is the link to your site?

hidden link

#1849389
flex-direction.JPG

Hello,

Q1) I would like to have eg "30" field to be next to the "km" field
It is a custom CSS codes, you can change the CSS parameter "flex-direction" of "form-group" div tag from "column" to others, see my screenshot flex-direction.JPG, then setup CSS codes to style the distance filters.

More help:
hidden link

Q2) Also the button "USE MY LOCATION"is missing the icon

It is a known issue, and have escalated, I will update here if there is any news.

#1849577
Screen Shot 2020-11-19 at 10.30.38.png

Hello,

I changed the Custom CSS for

div.form-group {
flex-direction: inherit;
}

but nothing is happening

When i manage to put the side by side will i be able to manipulate the field individually as well as changing the Labels?

Can I get rid of latitude number, when user clicks the "USE MY LOCATION" button(see screenshot)

Thanks

#1850383

As the screenshot I provided above, it works fine in my Chrome browser:
https://toolset.com/wp-content/uploads/2020/11/1849577-Screen_Shot_2020_11_19_at_10.30.38.png
since It is a custom CSS codes problem, please provide a test site with the same problem, I need to test and debug it in a live website, thanks

The topic ‘[Closed] CSS styling for Distance filter’ is closed to new replies.