Custom CSS script to modify the screen drop-down’s appearance

Hello, Paul

I’m sure you had a wonderful Christmas.Wishing you a happy and prosperous New Year’s Eve, andamp;

Can you please share a customized CSS code to modify the” Price Range” Filter drop-down’s aesthetics on the left side of the list page?

Can the text be changed to an orange ( #ff6e3d ) and the text to a grey ( #f6f6f6 ) &?

This means, the drop-down for the Price Range screen is in line with other filters like Location, Cuisine, etc.

Click the Search button on the home page to bring up the listings website.

Thanks

However, I won’t have my computer with me because I will be absent until Monday on a few days of a trip to Europe.

One of the other users here is certain to jump in to lend a hand.

Hello, cdhimit.

I’ve taken the fall and jumped in.

The following are some options that you could consider.

On range 988

alter…

filter_price_range

…to…

option-select2-filter

@

Would you mind sharing the exact script?

This Line 988 code is what you have in your HTML document right now.

I suggest that you try to make it…

I ran a quick search for the record under Cpanel &gt, File Manager, but nothing came back.

I’m not sure why you’re requesting that I look for an HTML document when it’s a Worpdress website.

HTML documents are typically not present on websites. The key core files are PHP and CSSS, respectively.

In this website…

https://ecngx362.inmotionhosting.com/~n7e50f5/listings-list-with-sidebar/?search_keywords=&search_categories%5B%5D=&search_region%5B%5D=&axx=6310

…for me, there is no way to tell if the site is a blog site.
or the PHP report.

However, I am presented with a View Page Source option when I click View Page Supply.
the whole blog php file’s HTML code.

I just now take note of my previous instruction ( post 5 )…

On range 988

alter…

filter_price_range

…to…

option-select2-filter

Currently, it needs to be changed.

On series 1034

alter…

filter_price_range

…to…

option-select2-filter

You must determine the actual PHP file that contains the files.
html code and then make the suggested amendments.

…and this is what my code act produced, if you’re curious…

I’m still having trouble locating the appropriate PHP file.

I’ll keep you informed.

The existing find routines will take control of the design like the other selects, as suggest. Js handles the various find elements, which replaces native CSS with custom, more user-friendly, regular HTML.

Styling the local find is very challenging, and it was just that difficult.

While you try to change the source html, I can provide some interval CSS, but it’s likely just to function in Chrome until other browsers catch up.

Anyhow, here is the CSS:

.filter_price_range.job-manager-filter { &, &::picker(select) { appearance: base-select; }}.filter_price_range.job-manager-filter { background-image: none !important;}.filter_price_range.job-manager-filter::picker-icon { content: ""; width: 12px; height: 12px; background-image: url(https://ecngx362.inmotionhosting.com/~n7e50f5/wp-content/themes/lestin/assets/images/down-arrow.svg); position: absolute; right: 20px; top: 25px; background-size: 100%; transition: transform 0.5s ease;}.filter_price_range.job-manager-filter option:hover,.filter_price_range.job-manager-filter option:focus { background: #f6f6f6 !important; border: none; outline: none; color: #ff6e3d;}.filter_price_range.job-manager-filter option:first-child { border-top: 5px solid #1f2124;}.filter_price_range.job-manager-filter option:last-child { border-bottom: 5px solid #1f2124;}.filter_price_range.job-manager-filter option { font-size: 0.9rem; line-height: 35px; padding-left: 18px;}.filter_price_range.job-manager-filter option::checkmark { display: none;}select.filter_price_range.job-manager-filter:has(:popover-open),select.filter_price_range.job-manager-filter:open { border-bottom-left-radius: 0; border-bottom-right-radius: 0;}select.filter_price_range.job-manager-filter:open::picker-icon { transform: rotate(180deg);}

It may then appear like this, which is about as near as I can get, provided you can change the principles to fit better.

However, WordPress has persuaded it to be incomprehensible in its infinite intelligence.
you think that deleting file extensions ( .php and or .html ) is actually what it is?
a wise decision.

You are then dealing with the issues that this foolishness causes.

Some fundamental programming rules
———————————————-

Give your data brief, succinct names that reflect the information.
1. Keep them as either.php or .html, as ideal.

Owing People for the note.

I’m also using a WordPress computer to find the source code.

Please allow me to be patient.

Matter resolved.
I identified the php file using the” Series locator” plugin.

Thank you!