[Resolved] Category Images – Full Width

  • Author
  • #13787


    The green border is the title wrapper. How can I make title wrapper extend to 100% of the total container?

    I know how to get rid of the title.
    display: none;
    But how do I make the title-wrapper extend full width so I can center the category image?

    Here is the section code, and I have been playing with the CSS

    <header class=”page-header”>
    <div class=”container”>
    <div class=”title-wrapper”>
    <h1 class=”page-title”>Category: Resorts</h1><div class=”taxonomy-description”><p>script-header-resorts</p>
    </div> </div><!– .title-wrapper –> </div><!– .container –>
    </header><!– .page-header –>


    Andrew Misplon

    Hi, you could try the following added to Customize > Additional CSS:

    .single .entry-header, .page .site-content > .entry-header, .blog .page-header, .archive .page-header, .search-results .page-header, .search-no-results .page-header, .error404 .page-header {
    	border: 1px solid green;

    Andrew Misplon

    To make the container full-width, just for the archive pages, you can add:

    .archive .page-header .container {
    	max-width: none;
    .archive .container .title-wrapper {
    	width: 100%;
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Scroll to top