Shop Categories

X

two design problems

Home Forums Agama Pro two design problems

Topic Resolution: Resolved
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #26953
    Tom Knol
    Participant

    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

    #26954
    Zex
    Moderator

    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

    #26955
    Tom Knol
    Participant

    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;
    }

    #26956
    Zex
    Moderator

    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

    #26957
    Tom Knol
    Participant

    Perfect
    problem solved
    thank you

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.