two design problems

[Tom Knol]

Hello,
I have two design problems.
1. How do I get rid of the white space between the footer and google maps on the contact page?

2. There are four flip images on the home page. The last one on the right is larger in size than the three others.
I can’t get that fixed so all four are the same height.

Hopefully you know the solutions for this.

Kind regards,
Jan Veekens

[Zex]

Hello, Tom!

1.
a. Edit your “Contact” page, then scroll down to the bottom of the page to the “Agama Options” meta box.
Open the “Page” tab and set the Page content padding value to 0px. https://prnt.sc/svr1g0

b. Insert the following code into Customizing->General->Additional CSS:

#el-b15c6241 p{
    margin-bottom: 0px!important;
}

2.
Insert the following code into Customizing->General->Additional CSS:

.vce-flip-box{
    height: 350px!important;
}

Beat Regards

[Tom Knol]

Hello,
the flipbox is solved thanks to you but the other (white space between Google maps and footer) not yet.
See below what is now in css
yours sincerely,
Jan

.footer-widgets{
border: none!important;
}
div.box {
width: 150px;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 5px 3px rgba(0, 0, 0, 0.19);
text-align: center;
}
.entry-content {
padding-bottom: 0 !important;
}
.vce-flip-box{
height: 350px!important;
}
#el-b15c6241 p{
margin-bottom: 0px!important;
}

[Zex]

Hello, Jan!

Make sure you have done the first step.

a. Edit your “Contact” page, then scroll down to the bottom of the page to the “Agama Options” meta box.
Open the “Page” tab and set the Page content padding value to 0px. https://prnt.sc/svr1g0

or you can add the following code into your custom CSS:

.page-id-372 .vision-row{
    padding-bottom: 0px!important;
}

Regards

[Tom Knol]

Perfect
problem solved
thank you

[Author]

Posts