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
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
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.
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.
Could it be a setting in Divi itself?
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.
My issue is resolved now. Thank you!