Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 30, 2017 at 5:30 pm #831854
    newki75

    Hello,

    On my homepage, I have a color section with an Paris bg image – fixed height 840 px – and 2 columns inside the section with a map and contact details. By default, the columns are vertically centered in the section. I’d like to move this a bit : 110px before the columns, then the columns 480 px height, OK – then 250px under the columns.
    How can I do this ?
    I’ve tried this but not enough :

    #top #main #contact-home.avia-section .template-page  {
	padding-top:0 !important;
}

    Home

    Tx for your help !
    Marine

    July 30, 2017 at 6:17 pm #831867
    Sarah

    Hi Marine,

    Please try this in Quick CSS:

    #contact-home .container {padding-left: 110px!important; padding-right:0px !important;}
#contact-home .container .template-page.content {padding-bottom:250px!important;}

    For your reference, the defaults are that .container divs have a left and right paddings of 50px, and .content divs have a padding-bottom of 50px.

    Please let us know if you need further help.

    Best regards,
    Sarah

    July 30, 2017 at 6:40 pm #831883
    newki75

    Perfect, Tx Sarah !

    July 31, 2017 at 6:24 am #831961
    Sarah

    You’re welcome! Let us know here in the forums if we can help you with anything else.

    Cheers!
    Sarah

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