Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #605477

    Ahoy,

    I’m trying to reduce the space between these sections.

    I would like the call us section (column4) more right and the Mailing address section (column5) more left.

    both already have Custom Css Class

    please advise

    #605499

    Hi mcraig77

    please try

    div .av_one_third { margin-left: 2% !important; }

    and let us know if that works for what you need to do.
    Thanks a lot

    Best regards,
    Basilis

    #605546

    AHoy –

    I added that code to quick css and it didnt work

    div .av_one_third { margin-left: 2% !important; }

    Please advise

    • This reply was modified 8 years, 7 months ago by mcraig77.
    #605679

    Hey!

    can u please share access to your web site?

    Best regards,
    Basilis

    #605688

    Below

    #606004

    Hi!

    We have added custom css and class name box1 and box3 to target the boxes and move them closer.

    
    @media only screen and (min-width: 769px) {
    .box1{
    transform:translateX(8vw);
    }
    .box3{
    transform:translateX(-8vw);
    }
    }}

    Best regards,
    Vinay

    • This reply was modified 8 years, 7 months ago by Vinay.
    #606101

    By adding that change my contact form is now messed up… It should be on the right hand side

    Please advise

    #606501

    Hey!

    Adjust the left and right position of the columns:

    .column4.box1 {
        left: -10%;
    }
    
    .column5.box3 {
        right: -10%;
    }

    Use css media queries to adjust the value on different screen sizes.

    Regards,
    Ismael

    #606825

    Hi, that code doesn’t fix things… It just puts the top area back but leaves the contact area awkward.

    Screenshot 1

    This is what im trying to achieve. I need the the top section to look like this screenshot 2 of the bottom section. Under that I need the Contact us for more info: section to look like this screenshot 3

    please advise

    #607335

    Hi!

    Did you remove the first suggested code? The code above should move the 1st and 3rd column.

    Cheers!
    Ismael

    #607347

    Hi,

    The code here moves the columns fine – the code you provided didn’t work correctly

    @media only screen and (min-width: 769px) {
    .box1{
    transform:translateX(8vw);
    }
    .box3{
    transform:translateX(-8vw);
    }
    }}

    But the issue is that the bottom portion under that area screenshot 1 is not formatting correctly. This i how it is in the page builder… as you can see the front end isnt matching up with the page builder… screenshot 2

    #607468

    Hey!

    Please remove that code and this one:

    div .av_one_third {
        margin-left: 2% !important;
    }

    The code in #606501 should achieve this:

    https://www.dropbox.com/s/3o9umtlkzas27hn/Screenshot%202016-03-30%2012.32.41.png?dl=0

    Regards,
    Ismael

    #607852

    I figured it out, thanks!

    #608066

    Hi,

    Great, glad you got it working :-)

    Best regards,
    Rikard

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