Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 22, 2017 at 10:10 pm #765083
    mleite1

    Hello, I created a color section template for my website. Inside the color section has a background image and 3 columns, one with text. I just created that template and duplicated it down by just changing the text and image content. Look at the link below.

    I noticed today that the second block, the text column is misaligned from the other boxes. Only block 2. The other blocks are aligned in the same direction. Why does this only happen in block 2? If I drag the block two down it gets right aligned, but what gets at position 2 gets misaligned.

    How to solve this?

    LINK SITE

    PRINCIPAL-TESTE

    LINK VIDEO EXPLANATION

    March 23, 2017 at 6:21 am #765163
    Jordan Shannon

    Hey mleite1,

    I added this to quick css:

    @media only screen and (min-width: 996px)  {

div #av_section_3 .av_one_fourth {
    margin-left: -90px!important;
}

}

@media only screen and (max-width: 1040px) and (min-width: 783px)  {
div #av_section_3 .av_one_fourth {
    margin-left: -81px!important;
}

}

    It seems to be working now. Please let me know if this works for you.

    Best regards,
    Jordan Shannon

    March 23, 2017 at 11:53 am #765342
    mleite1

    ITS OK NOW.

    TKS JORDAN

    March 23, 2017 at 1:30 pm #765415
    Nikko

    Hi,

    Glad we could help! Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘DIFFERENT ALIGNMENT WITH SAME CODE ON PAGE’ is closed to new replies.