Archived topic
page header needs space before first articles in masonry layout
3 replies · Started by Sharon Steely on October 5, 2015
On category and archive pages, the page header sits right on top of the articles with no spacing. I tried using css to correct the margin-bottom for the page header, taxonomy-description, etc., but it had no effect.
The first articles in the masonry layout have an absolute position setting of top: 71px which sits them right against the text, whether it is h1 alone or h1 with the taxonomy-description. I can use firebug to adjust this setting so I can see that this is what needs to change. I don't know how to change this setting for these pages however.
How do I do this?
http://elnews-new.unm.edu/index.php/2015/07/
http://elnews-new.unm.edu/index.php/category/online/
Thanks!
P.S. My blog uses the masonry layout. I also submitted another support ticket, which said I wanted to use the left-sidebar layout on these pages, but the no-sidebar layout on the home page, which is set to latest posts.
Hi Sharon. Give this css a try in your child theme:
.masonry-container article {
margin-top: 20px;
}
Thanks again bdbrown! Both of your suggestions were so spot-on and worked so well!
I already spent some time trying to figure things out, so I very much appreciate your sharing the exact code for the solution. I made the suggested changes in seconds and now the site is working as I wanted it to work.
Thanks for saving me more hours on the attempts at a fix.
Could this theme get any better? :)
You're welcome; glad to help :)
Could this theme get any better?
I'm sure Tom has something up his sleeve... We'll just have to wait and see.