Skip Navigation

[Resolved] Draw a frame around custom search filter?

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

Problem: I would like to draw a border around custom search filters, but the border does not extend around all the filters.

Solution: Apply CSS clearing to any floats if you want to include them in a border.

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.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

Tagged: 

This topic contains 8 replies, has 3 voices.

Last updated by a.R 4 years ago.

Assisted by: Christian Cox.

Author
Posts
#1872065

a.R

Somehow I just can't do that.
The frame will always end ABOVE the filter form, no matter what I do.

Is there a trick?

#1872349

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hello,

Thank you for getting in touch.

Can you send me a link to the site so that I can see what has already been done so that I can best advise?

Thanks,
Shane

#1872575

a.R

hidden link on the left side ("Inhalte-Suche") , when hovering.

#1873313

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Screenshot 2020-12-11 at 10.28.19 AM.png

Hello,

It seems there are some issues with the site as it is redirecting to the following. See Screenshot

So i'm not able to see the site at all.

Thanks,
Shane

#1873847

a.R

Which browser do you use?
Could you please use another one?
Thanks, achim

#1876845
Screen Shot 2020-12-15 at 8.01.53 AM.png
Screen Shot 2020-12-15 at 8.01.34 AM.png

Hi, Shane is unavailable this week so I'm checking on his outstanding tickets. I hope that's okay with you. I was able to see the custom search filters when testing in Safari, and I can see the issue. The problem is that some of the search filters are included in divs that are set to "float:left;" using CSS, as you can see in the screenshots here. Since these elements are floated, the parent element, #suche-rahmen, does not wrap around those floated elements. The solution could be to remove the float:left from those child elements #suchhaelfte1 and #suchhaelfte2, but I'm not sure how that would change the design of your site. That might not be appropriate. If you cannot remove the floats, you could add another div element below the two floated child divs with CSS like "float:clear;" to force the border of the parent element to extend around those floated elements. So the solution depends on what you want to accomplish with floating the two child elements, I can't say based on the information I have available.

#1877679

a.R

Hi Christian,

that's an AWESOME reply, thank you!
Can you also replicate the problem Shane was having, or was it a problem with his browser?

Thanks again, kind regards,

Achim

#1878167

Yes, when I first visited the site in Google Chrome on a Mac, I was redirected to some ad or junk site. When I visited the site again in Safari on a Mac, I did not experience the same issue.

It may also be related to whether you load the site with or without www. in the URL, I can't tell, and I'm hesitant to visit it again in Chrome since it seems a little sketchy.

#1880747

a.R

My issue is resolved now. Thank you!