Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 3, 2015 at 2:52 am #528946
    Didre

    Hi,

    I’m trying to figure out how can I change the position of a contact form inside a column element. I added the contact form through a shortcode but I want to move the contact form to the right border of the column, is there a way to do that?

    Thanks

    November 3, 2015 at 1:03 pm #529176
    Rikard

    Hey Didre,

    As far as I can see the contact form is as far to the right as possible, could you try to explain a bit further or post screenshots highlighting your intentions so that we can get a better idea please?

    Thanks,
    Rikard

    November 5, 2015 at 6:39 am #530532
    Didre

    Hi Rikard,

    Thanks for the answer.

    My idea is to position this contact form like the contact form in the homepage of the website (link below). In the homepage I used the advanced layerslider and positioned the contact form inside the layer using the Layout & Positions in the Styles tab (Top:32% Left:82%). But using the advanced layerslider the contact form isn’t responsive so I’m trying to use the contact form inside a column element, beucase this way the contact form is responsive.
    I would like to know if there is a way to control the position of the contact form (top, left) in column elements.

    Best regards

    • This reply was modified 9 years, 1 month ago by Didre.
    November 5, 2015 at 10:47 pm #531232
    Andy

    Hi!

    use this code in Quick CSS field:

    div#ipt_fsqm_form_wrap_10 {
position: relative;
right: -51px;
}

    and adjust as needed.

    Cheers!
    Andy

    November 6, 2015 at 12:27 am #531266
    Didre

    Hi Andy,

    Thanks for your answer.
    The code worked but now the contact form stay off the screen (right:-Ypx) in mobile devices.

    November 7, 2015 at 8:11 am #531792
    Rikard

    Hi,

    Please try the following instead:

    @media only screen and (min-width: 768px) {
div#ipt_fsqm_form_wrap_10 {
position: relative;
right: -51px;
}
}

    Thanks,
    Rikard

    November 10, 2015 at 6:52 pm #533591
    Didre

    Hi Rikard

    The code worked perfectly!
    Thanks

    • This reply was modified 9 years, 1 month ago by Didre.
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Position of contact form inside a column’ is closed to new replies.