Log in SwiftGrid →
Resolved

Category Images – Full Width

Ultra Theme started by The Golfer Magazine Jan 7, 2020 2 replies
The Golfer Magazine Jan 7, 2020 · 8:42 am #13787

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 –>

Andrew Misplon Puro Jan 7, 2020 · 8:56 am #13793

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 Puro Jan 7, 2020 · 9:03 am #13795

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%;
}
3 posts