Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • February 25, 2015 at 1:31 am #401811
    robertscott

    Hi,

    Can you take a look at my page and help me close the gap between the button and the call us now image.

    Thanks

    • This topic was modified 9 years, 10 months ago by robertscott.
    February 25, 2015 at 12:28 pm #401984
    robertscott

    Anyone help with this?

    February 25, 2015 at 10:06 pm #402361
    Elliott

    Hi!

    Edit the image shortcode and set it to align left in the options and it will display next to the button.

    Cheers!
    Elliott

    February 25, 2015 at 10:40 pm #402377
    robertscott

    Hi Thanks for that but it is aligned left and still a large gap.

    February 26, 2015 at 11:54 am #402587
    robertscott

    Button is aligned right in a one half element and the other call us now image is aligned left in a one half element. But there is still a large gap. I need to close the space and make the central to the text above. This is the final thing I need to launch this site.

    • This reply was modified 9 years, 10 months ago by robertscott.
    February 26, 2015 at 4:56 pm #402777
    robertscott

    I can pay someone if need be.

    February 26, 2015 at 5:02 pm #402784
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .page-id-1579 #av_section_2 .avia-builder-el-9 {
margin-left: 0;
}

    Cheers!
    Yigit

    February 26, 2015 at 5:12 pm #402796
    robertscott

    Hi Yigit,

    Thanks for that.

    I’ll be adding this same section to all inner pages so would i need to add the coe above for every page id?

    Or is there a global code I can add ?

    Thanks

    February 26, 2015 at 5:18 pm #402801
    Yigit

    Hi!

    Please remove the code i posted and edit your Color Section element and give it a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then use following code

     #your-custom-id .avia-builder-el-last {
margin-left: 0;
}

    Cheers!
    Yigit

    February 26, 2015 at 5:31 pm #402822
    robertscott

    Thanks yigit worked great although its not centred properly?

    It should be centred under “Click the button below or give us a call” but is slightly off.

    Is there any way to centre the content and also close the space between “Click the button below or give us a call” and the button etc

    Thanks

    February 26, 2015 at 5:46 pm #402842
    Yigit

    Hi!

    Please add following code to Quick CSS as well and adjust as needed

    #contact-section .first {
width: 45%;
}

    Regards,
    Yigit

    February 26, 2015 at 10:38 pm #403036
    robertscott

    Hi Yigit,

    I have used the following code to close the gap between the button and the text above:

    <style type = “text/css”>
    #av_section_3 .flex_column {
    margin-top: 0;
    }
    </style>

    Which part of this code do i change to increase the gap slightly. Its now too close. I tried changing 0 to 20 but nothing happened.

    February 26, 2015 at 10:38 pm #403037
    robertscott
    This reply has been marked as private.
    February 27, 2015 at 1:29 pm #403379
    Yigit

    Hi!

    Please try it as following 

    #av_section_3 .flex_column {
margin-top: 20px;
}

    Regards,
    Yigit

    February 27, 2015 at 2:42 pm #403418
    robertscott

    Hi Yigit,

    That isn’t working. Do I add that code inside a code bloc in the page or to the quick css in general styling?

    Thanks

    February 27, 2015 at 2:49 pm #403420
    Yigit

    Hi!

    Would you like to adjust the gap between “Call us now” and “Get in touch”? If so, please use this code

    #contact-section .avia-builder-el-last {
margin-left: 10px;
}

    Regards,
    Yigit

    February 27, 2015 at 2:53 pm #403424
    robertscott

    No Between the text: “Click The Button Below or Call Us” and the button etc below.

    I tried addign the code to the general styling but I think it should be added to a code block

    February 27, 2015 at 2:55 pm #403426
    Yigit

    Hey!

    Ok, now clear. In that case, please use following code 

    #contact-section .av_textblock_section {
margin-bottom: 20px;
}

    Cheers!
    Yigit

    February 27, 2015 at 2:58 pm #403430
    robertscott

    Ok so i add that to the code block in the page or to the quick css in general styling?

    February 27, 2015 at 3:01 pm #403432
    Yigit

    Hi!

    To Quick CSS. If you would like to apply the change only on the page you posted, please use it as following

    .page-id-1575 #contact-section .av_textblock_section {
margin-bottom: 20px;
}

    Best regards,
    Yigit

    February 27, 2015 at 3:36 pm #403451
    robertscott

    Ok i added the following to quick css:

    #contact-section .av_textblock_section {
    margin-bottom: 60px;
    }

    Nothing happened. I tried the same code in code block on the page editor and it worked.

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘close padding gap between 2 one half elements.’ is closed to new replies.