Support/Ultra Theme/Category Images – Full Width

[Resolved] Category Images – Full Width

  • Author
    Posts
  • January 7, 2020 at 8:42 am #13787

    The Golfer Magazine
    Participant

    http://emeraldtee.com/thegolfermag/category/resorts/

    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.
    h1.page-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 –>

    January 7, 2020 at 8:56 am #13793

    Andrew Misplon
    Keymaster

    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;
}
    January 7, 2020 at 9:03 am #13795

    Andrew Misplon
    Keymaster

    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%;
}
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Scroll to top