Skip Navigation

[Resolved] change background of select filters and remove paragraph blocks

This support ticket is created 4 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: Africa/Casablanca (GMT+01:00)

This topic contains 1 reply, has 2 voices.

Last updated by Jamal 4 years, 11 months ago.

Assisted by: Jamal.

Author
Posts
#1630097

Hey! 🙂
Here you go. Pls give me som pointers!
Can i change the background of the select-dropdowns in toolset block? now its blue. (i can with custom css, that i know)
And can i speed up the filter when it searching

hidden link

And How, do i remove an paragraph from the block in the editor ?
all other blocks/content/views/header i can remove , but not Paragraphs

hidden link

#1630185

Hello,
I am not really sure to understand what background you would like to change for the dropdowns. You can definitely style any block by CSS, using the Advanced setting section of the block or the ID & Classes section.
If you want a background for the area of the dropdown, you can use a Toolset Container block and put the filter inside of it. You can then define a background(color, image, gradient) for the Container block.
If you want to style the background of the dropdown and its list, CSS is the only way.

Toolset uses the WP_Query object from WordPress. Toolset views are, almost, as fast as a default WordPress. Speeding the view filtering results is limited by the resources of your server. Make sure to respect Toolset requirements and if you encounter a case where you believe Toolset is giving bad performances, we can investigate to find out why.
https://toolset.com/toolset-requirements/

Regarding the paragraph in your screenshot, this is a Gutenberg editor limit. By default, Gutenberg inserts an empty paragraph. If you enter "/" it will let you search through the blocks and use a block instead of the paragraph block. "/hea" will show both Heading blocks available, the default WordPress one, and the Toolset one.

To work around it, you can remove the paragraph with a custom Javascript code like this one:

jQuery(function($){
  $( 'p:empty' ).remove();
})