Full Width Category Pages

  • Resolved OrignalCeiling

    (@abandonedar)


    11 years, 7 months ago

    When you click on a category it takes you to a page that lists all the posts associated with that category. That is really good however, I removed the side bar and now it is still not full width. I tried editing the code in the editor where it said “#recent-posts {width: 637px;” but then it affects the post pages and I don’t want that to be affected. Is there a way to fix this? Here is a link to my blog Category Page example. https://www.abandonedar.com/category/standard/photographer/friendlymic/
    Thanks, any help is appreciated!

Viewing 5 replies - 1 through 5 (of 5 total)

  • Yes, you can use a page-specific class from the body tag to target only that page (or type of page) – so see if adding this whole section to your CSS code works:

    body.category #recent-posts {
   width: 637px;
}

    Do be aware that any changes you make to theme files will be overwritten when the theme is updated – so it’s generally better to use a Child Theme or custom CSS option or plugin.

    Thread Starter OrignalCeiling

    (@abandonedar)

    Where in my CSS file is it best to place this code?

    Thread Starter OrignalCeiling

    (@abandonedar)

    Thanks for the reply!

    Like I said, you’d really be best off using a plugin to add Custom CSS so that your changes won’t be lost when the theme is updated – in which case you add the code there. But other than that, you can add it at the end of the style.css file.

    Thread Starter OrignalCeiling

    (@abandonedar)

    Thanks!!! this worked! Do you know how to get rid of that line? Same link above shows you what I mean

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Full Width Category Pages’ is closed to new replies.