[Resolved] Page styling thrown when Toolset results present

[Author]

Posts

[catrionaD]

I am trying to: Include Toolset results on my page without affecting the rest of the page.

Link to a page where the issue can be seen:

hidden link

I have also experienced this in a page in development: hidden link
In this page it has also thrown the formatting of text elements at the top of the page e.g. "Narrow your selection" should be in a dark shade #252d27, not blue. And the weight and positioning of "Anyone can add a listing or story" and "Service provider?" is off.

I expected to see: For example, the footer as it is on every other page of the site.

Instead, I got: Formatting has been affected.

I am using OceanWP and Elementor Pro.

[catrionaD]

I should mention that the styling was not affected when I included the search form only.
It was only affected when I included the results.

[Shane]

Hi Catriona,

Thank you for getting in touch.

I tried to locate the text "Narrow your selection" but i'm not seeing that on this page here.
hidden link

Could you perhaps send a screenshot ?

Thanks,
Shane

[catrionaD]

Sorry, I've since changed the text.
Here are the screenshots, I've tried to make the text above the filters and search box #252d27 but they come up blue.
Also, the footer is scattered on this page as well as the other results page I had posted a link to earlier.

[Shane]

Hi Catriona,

Are you setting the color of the h2 tags in any css anywhere ?

I see where in the css file there is some styling for the h2 tags for them to be blue with !important attached to it.

This is why all your h2 texts are showing up blue.

Secondly ensure that your divs in the view are all properly closed.

Thanks,
Shane

[catrionaD]

Thanks Christian, my error on that one re blue font, now fixed.

I still can't get to the bottom of what is wrong with the footer though. Any ideas?

[Shane]

Hi Catriona,

Would you mind allowing me to have admin access to the site so that I can have a look at what is happening on this page?

The private fields have been enabled for your next response.

Thanks,
Shane

[Shane]

Hi Catriona,

Could you remove all the custom css you have ?

I believe this is a css issue because your custom css is also affecting the footer. See screenshot.

When you are writing your css please let it target the specific class or id name. If you leave it like this it will affect everything on the page.

Could you try this and let me know the result?

Thanks,
Shane

[catrionaD]

My issue is resolved now. Thank you!