Joomla Templates Club 406,261 posts

[mengler12 Friend mengler12Join date: February 2017Posts: 151Downloads:112Uploads:77 Thanks: 33]

#1028847

Hello,

I am having difficulties decreasing the "white space" on my from page, see Screenshot 2017-04-25 15.49.25 and Screenshot 2017-04-25 15.54.35. There are other pages and also articles where I am having the same problem. I have tried many of the provided solutions but none of them worked.

The Gray area problem can be seen on Screenshot 2017-04-25 15.49.25. , in between the "get in touch" link and the "MyBplans.co" name.

Some detailed help would be most appreciated.

Thank you, Peter

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1028896

Hi
May I have the URL of the site showing in the screenshot.
The submitted site is different http://prntscr.com/f0w2nj The issue can be due the lower height of the image.

Regards

[mengler12 Friend mengler12Join date: February 2017Posts: 151Downloads:112Uploads:77 Thanks: 33]

#1029100

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1029206

Hi
The background image size 100% so it will not able to fill the whole area of text.
add below code in custom.css file it will change the background size

.ja-home-5 .t3-header {

    background-size: cover;
}

To reduce padding use this code

#Mod142 {padding-top:30px!important;}

Hope it helps.

[mengler12 Friend mengler12Join date: February 2017Posts: 151Downloads:112Uploads:77 Thanks: 33]

#1031161

Hello, thank you for the code. However, I would also like to adjust the padding on the "main content, spotlight, and footer mods", is this also done in the same manner? If so, what is/are the modifications. I need to do this on ALL the site pages. Will the modification change all of these for each page? If not, how do I do this.

site: http://enzinger.org/

Thanks.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1031285

Hi
You can use below code and change the Mod id with your module id on which you want to reduce the padding

#Mod142 {padding-top:30px!important;
padding-bottom:30px!important;
}

142 is the module id in above code.

Regards

[mengler12 Friend mengler12Join date: February 2017Posts: 151Downloads:112Uploads:77 Thanks: 33]

#1031471

Hello once again,

I tried what you suggested. However, it did not work. Maybe it’s the wrong module? Isn’t it the "Featured Article Block"

Please see screenshot for a better view.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1031565

Hi
Its not a module. Kindly use below code to reduce the padding

.t3-mainbody {
    padding-top: 154px!important;
}

change the padding value as per needs.

Regards

[Author]

Posts