Reduce Gap after Category Title

Posted in: Newspaper
Post count: 36
wuche
#166743
Apr 8, 2017 at 1:33 am

I tried for a long time to figure this out myself but I’m stumped.

How do I reduce the gap between the Category Title and Main Content?

View post on imgur.com

Also, how do I match the resulting gap with the padding above it so that it has the same padding on top and bottom?

Thanks!

Post count: 20688
Simion C.
#166898
Apr 10, 2017 at 10:32 am

Hi,

I do not see any problems with the title on your category page at the moment
– https://www.screencast.com/t/c0cHTYntcZdJ
Please let me know if you need further help or you have managed to solve your issue.

Thanks

Post count: 36
wuche
#167101
Apr 11, 2017 at 2:06 am

http://wuche.gg/dota2/

I think that was when I was still tinkering it. I’d still like to adjust the bottom padding after the category title, as it’s disproportionate to the top padding and looks awkward. I’d ideally have the category title padding similar to this website:

https://theringer.com/nba/home

Thanks!

Post count: 20688
Simion C.
#167201
Apr 11, 2017 at 1:21 pm

Hi,

You could try a code like this to center the category header on category pages, and reduce the space at the same time – https://www.screencast.com/t/259QBOjs1Tq
Or like this to have the same amount of space top as there is bottom – https://www.screencast.com/t/nJ4FZ5ZO
These is the code used in the first example

.category .td-category-header {
margin-bottom: 22px;
padding-bottom: 0;
}

And in the second example

.category .td-category-header {
padding-top: 36px;
}

Thanks

Post count: 36
wuche
#167334
Apr 11, 2017 at 11:38 pm

Perfect! Thank you so much.

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.