[Resolved] Custom Search Settings – remove bullets and highlight selected search item

[Author]

Posts

[Rich]

Shane:

I am trying to: create a better looking front end interface for : hidden link

The search area has bullets, but they can be separated from the title. I would prefer no bullets and instead have the title highlighted with roll over of some kind. maybe a different font color or different background color.

See here for what I want:
hidden link (this is the primary website by another developer, I'm making the kiosk site)

They have 'show all' or 'filter' for categories that appear on the page with ajax that looks great.

I don't know what CSS to use to accomplish this. (tried all sorts of things I've seen in discover-wp)

I hope you can help.

Thanks,
Rich

[Shane]

Hi Rich,

Thanks for contacting our support .

Taking a look at this unfortunately I won't be able to assist due to the nature of the work.

What you can do however is to contact one of our certified consultants as they are better able to assist with this.

You can get it touch with them by visiting the link below.
https://toolset.com/consultant/

Please let me know if this helps.

Thanks,
Shane

[Rich]

Do you think this request is outside parameters for support? I see requests all the time for help with CSS and answers are given.

To me, this is a flaw in View that a bullet would be on a different line than its corresponding link. Shouldn't they either wrap together onto the next line or give us an option to eliminate the bullet?

As far as the roll over look, we are talking about links, but it's not apparent the way the search options are presently presented.

[Shane]

Hi Rich,

Actually providing css is not out of the scope of our support 🙂

However what you are trying to achieve is actually more than just a simple css edit. It would require some amount of work in order to do.

We would need to use so javascript as well to highlight the selected content and actually move the selected area from the Radio button to the text itself.

Because of the work that would be required thats why I suggested our consultants 🙁 . We can do simple css customizations and simple css fixes but getting the radio buttons to react like the example you sent would be out of scope.

Hopefully I was able to explain why our support doesn't cover this 🙁

Thanks,
Shane

[Rich]

Thank you, I accept your response.

On to another idea:
On the classified demo (but not the one done with layouts) in discover-wp.com at the bottom of the home page there are categories where the bullets have been removed. Can I duplicate that concept or was that done with extra javascript programming that isn't available to me? I've inspected the elements with developer tools and see some reference to javascript. Is that what you are referring too? If I could just get ride of bullets that would be okay for now, because they can separate from the corresponding title.
Thank you Shane...
Regards, Rich

see here:

<div id="wpv-view-layout-5943-TCPID3978CTID17" class="js-wpv-view-layout js-wpv-layout-responsive js-wpv-view-layout-5943-TCPID3978CTID17" data-viewnumber="5943-TCPID3978CTID17" data-pagination="{"id":"5943","base_permalink":"/?wpv_view_count=5943-TCPID3978CTID17&wpv_paged=WPV_PAGE_NUM","query":"normal","type":"disabled","effect":"fade","duration":500,"speed":5,"stop_rollover":"false","cache_pages":"enabled","preload_images":"enabled","preload_pages":"enabled","preload_reach":"1","spinner":"builtin","spinner_image":"<em><u>hidden link</u></em>","callback_next":"","manage_history":"enabled","has_controls_in_form":"disabled","infinite_tolerance":0,"max_pages":1,"page":1,"loop":{"type":"","name":"","data":[],"id":0}}" data-permalink="/?wpv_view_count=5943-TCPID3978CTID17"> 

[Shane]

Hi Rich,

This can actually be done using css 🙂

Actually the css to do this is list-style: none;

You can take a look at it in action here.
hidden link

But since what you have is not actually a ul list its a radio button group which functions very differently.

Please let me know if this helps.
Thanks,
Shane

[Rich]

Thank you Shane:
I appreciate your help.
Rich