Skip Navigation

[Resolved] Styling WP Archives – Search Results

This support ticket is created 4 years, 6 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: Asia/Karachi (GMT+05:00)

This topic contains 6 replies, has 2 voices.

Last updated by KristieC229 4 years, 6 months ago.

Assisted by: Waqar.

Author
Posts
#1712017

I created a WP Archives for Search Results in ToolSet and when I published the "template/layout" it didn't look like the first page I created and I don't know why.

It looks like this: hidden link

But I want it to be similar to this: hidden link

#1712255

Hi,

Thank you for contacting us and I'd be happy to assist.

I noticed that some custom CSS code from Divi's custom CSS code feature is conflicting with the search page's grid styles:
( source: hidden link )

CSS code:


.search #left-area, .archive #left-area {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 60px;
    column-gap: 60px;
}

To fix this, you can override the conflicting styles by including the following code in the Search Archives's "Custom CSS" section:
( screenshot: hidden link )


.search #left-area {
	column-count: auto !important;
}

Tip: To check which CSS code is applying to different page elements, you can use Google Chrome's inspect element tool, as explained in this guide:
hidden link

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

#1712497

Ok thanks! Makes sense. That worked, but I still can't get rid of the sidebar. I am unsure if it has something to do with how the archive pages are set-up. When I set-up this page hidden link it had a Divi Page Settings under View and it was easy to just select No Sidebar, but with the WP Archive Search Results Divi Page Settings isn't there and Theme Options isn't changing anything.

#1713605
screenshot-1.png

Thanks for sharing the update and glad that it works.

On my test website, I managed to disable the sidebar from the search results archive page, by setting the "Layout" option to "Fullwidth", under the "Theme options (Divi)" section.
( as shown in the attached screenshot )

In case the sidebar still shows, you're welcome to share temporary admin login details so that I can see how this search page archive is set up in the backend.

Note: Your next reply will be private and please make a complete backup copy, before sharing the access details.

#1713649

Could it be a setting in Divi itself?

#1714549

On my test website, I was able to make this work with the default Divi theme settings.

I just installed and activated the Divi theme and the search results page was showing the sidebar, on the right side.

Next, I created a Toolset WordPress Archive for the search results, and the search results page still showed the sidebar, on the right side.

After that, I changed the setting from my last message in the WordPress Archive and the search results page started showing in full-width (i.e. without any sidebar).

If your website is using different workflow or settings, then I'll need the admin area access to investigate and troubleshoot accordingly.

Note: I've set your next reply as private again.

#1714661

My issue is resolved now. Thank you!