- This topic has 2 replies, 2 voices, and was last updated 4 years, 11 months ago by Andrew Misplon.
- AuthorPosts
- January 7, 2020 at 8:42 am #13787
The Golfer MagazineParticipanthttp://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></p>
</div> </div><!– .title-wrapper –> </div><!– .container –>
</header><!– .page-header –>January 7, 2020 at 8:56 am #13793
Andrew MisplonKeymasterHi, 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 MisplonKeymasterTo 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%; }
- AuthorPosts
You must be logged in to reply to this topic.