Editing Category & Search Pages

Hi.

I’m having trouble editing my “category” (when somebody chooses a topic from the category dropdown) and “search” pages to make them look like my “blog” page - mainly because I don’t know where to go.

  1. Hover over featured image: I don’t want it to turn black (or any color)
  2. How do we add a widget-based sidebar?
  3. How do we play with the margins on this page?

I’m going to link to the pages below privately.

Thanks!
Nathan

Hi Nathan,

Thanks for reaching out.

I assume the editing that you’re referring is related to those 3 questions, because you can’t really edit the category page with any builder.

  1. Please add this CSS to your Theme Options > CSS
.archive a.entry-thumb:hover img, .search-results a.entry-thumb:hover img {
    opacity: 1;
}
  1. Please go to Admin > Appearance > Widgets and add widgets to the Main Sidebar. I see the sidebar but just empty. You may also check this https://theme.co/apex/forum/t/features-unlimited-sidebars/95 for custom sidebars in case you don’t wish to utilize the default Main Sidebar.

  2. The container width is 100%, please change it to about 80 in Theme Options > Layout and Design > SITE WIDTH (%)

Thanks!

Thanks Rad! My followup:

  1. This worked - thanks!

  2. We’ve already configured the Main Sidebar for the rest of the site - it just doesn’t show up on these particular pages, for some unknown reason. (See here: https://www.dropbox.com/s/bp4xlg8fae6df9t/Screenshot%202019-01-13%2013.15.07.png?dl=0)

  3. We don’t want to change the width of the entire site. Most of the main pages need 100% width. We only want to change the width of the content container on these two pages (archive and search results), similar to the “blog posts” page (https://www.shainaleis.com/blog/).

Thanks again.

Hey Nathan,

1.) It’s good to know that it works out for you.

2.) The sidebar is empty in the mentioned page. Could it be that there is another sidebar that is assign in this page? I wanted to check your sidebar but the given credentials were no longer working for us. You might have changed the password already.

3.) Well in that case, please remove this code:

.blog .x-container.width {
    width: 95%;
}

And update it into this code instead:

.blog .x-container.width,
.archive .x-container.width,
.search .x-container.width {
    width: 95%;
}

Hope this helps. Kindly let us know.

  1. Perfect!

  2. Sorry about that! I’m attaching a secure note with a new login.

Hi Nathan,

Your sidebar doesn’t show on find-your-passion page because you have assign another sidebar to it which is currently empty.

You may uncheck it if you would like your main sidebar to appear on that page.

Please check link below for additional information regarding sidebars

Thanks

Thank you! This worked.

You are most welcome. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.