Footer Spacing

Posted in: Newspaper
Post count: 135
George
#71846
Sep 30, 2015 at 8:00 am

Hi there,

I see excessive space between latest posts and Footer menu. Please look into ViralBae.com.
The issue can be much clearer on mobile version. Kindly advice.

Post count: 7909
Alin [tagDiv]
#71923
Sep 30, 2015 at 12:30 pm

Hi,

You can reduce the space using custom css in Theme Panel > Custom Css, also on mobile device you have some space issues because you hide the Big Grid row. You can try this custom css and see if it helps – http://screencast.com/t/pjr3MS9dlnDV – http://screencast.com/t/A4vtqpPK

.home .td-footer-wrapper {
padding-top: 0;
}
.home .td-main-content-wrap {
padding-bottom: 0;
}
@media(max-width: 767px) {
.home .td-page-content {
padding-bottom: 0 !important;
}
.td-footer-wrapper .td_block_3 {
margin-bottom: 10px !important;
}
}

Thanks!

Post count: 135
George
#72257
Oct 1, 2015 at 8:23 pm

Thank you so much. It helped a lot.

But I still see many white spaces around and it is quite scarying.

In Desktop View, I see spacing among post itself quite big. Screenshots below.

1. http://www.screencast.com/t/7WDCgw0lJ2

2. http://www.screencast.com/t/Im11vhUNfoa

Thanks!

Post count: 6535
Andrei L.
#72302
Oct 2, 2015 at 10:06 am

Hi

Try this custom css:

@media (min-width: 1021px){
.td_block_12 .td_module_11 a img{
height: 235px!important;
}
}
.td-page-content{
padding-bottom: 0;
}
.td-footer-wrapper{
padding-top: 0;
}

The result should be like here: http://screencast.com/t/I1ZjZy3PYVi – http://screencast.com/t/yCuOCt2Uk

Thanks!

  • This reply was modified 10 years by Andrei L..
Post count: 135
George
#72319
Oct 2, 2015 at 11:59 am

Thanks for your response but unfortunately still no luck. Please revisit Viralbae.com

we are trying to get them tightly packed in terms of spacing.

It should be as minimal for all the posts.

is there a way to define custom space between posts in Panel please

Post count: 1291
Emil G
#72341
Oct 2, 2015 at 2:04 pm

Hi,

Try the following css: – http://screencast.com/t/MwkGwHEww

.td_block_12 .td_module_11 {
padding-bottom: 0px;
}
.td-footer-wrapper {
padding-top: 0px;
}
.td-main-content-wrap, .td-page-content {
padding-bottom: 0px;
}
.td-footer-wrapper .td_block_3 .td_module_1 {
padding-bottom: 0px;
}
.td-footer-wrapper .td_block_wrap {
margin-bottom: 0px;
}

Thank you!

  • This reply was modified 10 years by Emil G.
Post count: 135
George
#72357
Oct 2, 2015 at 2:44 pm

Hi Emil G – Thank you!

Initially the code you shared didnt work so I removed all custom css and tried. It worked like a charm with zero spacing.

But I still see a defect. Screenshot: http://www.screencast.com/t/c9X7jj7C
You can also alternatively visit: ViralBae.com

Please advice.

PS: Add comments to sections which you have used in code like impact footer and posts section etc. It will be helpful.

Thank you.

Post count: 135
George
#72479
Oct 3, 2015 at 8:44 am

Hi,

An update:- I fused all the above codes. It worked!!!!

Many thanks @Alin @Andrei L. @Emil G Your Support is outstanding.

Post count: 135
George
#72494
Oct 3, 2015 at 7:41 pm

Hi Emil

Sorry for the come back but I see the posted code does not work with Firefox.

Screenshot here:- http://www.screencast.com/t/fMa6DDLcx

whilst chrome looks as expected:- http://www.screencast.com/t/WFC4boNXp

Please comment.Thanks!

Post count: 7909
Alin [tagDiv]
#72649
Oct 5, 2015 at 12:48 pm

Hi,

Please review the code, try to add it step by step and see what happens on firefox. Try to add my code, then Emil’s code and see how it goes.
If the issue persist please remove all the above code, so I can inspect and try again a code for you.

Thanks!

Post count: 135
George
#72821
Oct 6, 2015 at 5:22 am

Hi Alin, Thank you so much.
The Step by step debug worked.
Please find below code I have used.

.home .td-footer-wrapper {
padding-top: 0;
}

.home .td-main-content-wrap {
padding-bottom: 0;
}


@media(max-width: 767px) {
.home .td-page-content {
padding-bottom: 0 !important;
}
.td-footer-wrapper .td_block_3 {
margin-bottom: 10px !important;
}
}

.td_block_12 .td_module_11 {
padding-bottom: 10px;
}

.td-footer-wrapper {
padding-top: 0px;
}

.td-main-content-wrap, .td-page-content {
padding-bottom: 0px;
}

.td-footer-wrapper .td_block_3 .td_module_1 {
padding-bottom: 0px;
}
.td-footer-wrapper .td_block_wrap {
margin-bottom: 0px;
}

@media (min-width: 1021px){
.td_block_12 .td_module_11 a img{
height: 235px!important;
}
}

Thanks!

Post count: 7909
Alin [tagDiv]
#72887
Oct 6, 2015 at 11:40 am

Hi,

Glad that it works now – http://screencast.com/t/ysePyzvLea

Thanks!

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