Remove 'In Archive' from page

davidmcgowan · Member · Aug 12, 2017 at 3:53 pm
Copy link

Add topic to favorites
Hi experts! :)

On the blog at my site HERE

I’d like to remove the ‘In Archive’ box with the dates inside, so the posts cover the width of the page. I’ve tried a couple of things, to no avail!

Please, put me out of my misery!

Thanks in advance.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 13, 2017 at 12:57 am
Copy link
Hi there, this will do it for you.
```
.blog .widget-wrapper {
  display: none;
}
.blog #content-blog {
  margin-right: 0;
  width: 100%;
}
```
The one thing to think about though is that for optimal reading of text, content width should stay around 500-750 pixels. Given that only excerpts show on your blog page this should be alright though.
davidmcgowan · Member · Aug 13, 2017 at 5:51 am
Copy link
Thanks a million TSP! That did the trick :)
thesacredpath · Member · Aug 13, 2017 at 9:12 am
Copy link
Awesome, and you are welcome!
waltercb · Member · Aug 13, 2017 at 2:25 pm
Copy link
I have tried all the adjustments I can to the hero theme
It was a nuisance with the blog posts but I am installing a Woocommerce store and the restricted width due to the side bar is impossible to tolerate.
What will make the shop page of Woocommerce 100%?
thesacredpath · Member · Aug 13, 2017 at 8:00 pm
Copy link
Hi @waltercb, the Shop page layout is set for 4 products across. Right now you have 3. If you added an additional product, you would then have 4 across. If you wish to keep 3 across, then add this to your custom CSS.
```
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  width: 29%;
}
```
Since you are talking about a different theme and with Woocommerce, if you need addltional help, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.

No items found.