Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • June 21, 2017 at 9:45 pm #811172
    mleite1

    Hello, there is little left. We are on the contact screen.

    How to decrease the contact form inside in grid row 1/2? It is glued to the sides. I want you to move away from the sides.

    See the lin k and then see the image.

    LINK

    Contato-hidrocon-2

    IMAGE

    View post on imgur.com


    QUESTION 2
    How do you lower the side of the box below the map?
    See the same image above.

    June 22, 2017 at 3:32 am #811300
    Mike

    Hey mleite1,
    1: Try this code in the General Styling > Quick CSS field:

    .page-id-305#top fieldset {margin: 10%!important; }

    2:

    .page-id-305 .flex_column_table.av-equal-height-column-flextable {margin-top: -125px!important; }

    Best regards,
    Mike

    June 22, 2017 at 2:05 pm #811529
    mleite1

    Many thanks for the feedback.

    This code below only vertically moves the box.

    .page-id-305 .flex_column_table.av-equal-height-column-flextable {margin-top: -125px! Important; }

    I wish to decrease the width of the box.

    The other code is ok. It worked.

    June 22, 2017 at 7:00 pm #811758
    Victoria

    Hi mleite1,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.page-id-305#top fieldset {
    margin: 22%!important;
    width: 60%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 25, 2017 at 8:07 pm #812794
    mleite1

    Hello Victoria, thanks for the feedback.
    The code you sent us is about the form. We need to decrease the width of the BOX below the map in the center.

    June 27, 2017 at 4:30 pm #813508
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .page-id-305 #av_section_1 .container {
    max-width: 70%;
}

    Best regards,
    Yigit

    June 27, 2017 at 6:20 pm #813555
    mleite1

    Its ok now Yigit.

    And when I have two boxes side by side? Is the same code for everyone?

    EXEMPLE

    PRINCIPAL

    June 29, 2017 at 3:07 am #814184
    Mike

    Hi,
    I’m not sure I understand your question about your example link, but on the most part the code is not the same for everyone. The code above only works on one page “.page-id-305”

    Best regards,
    Mike

    June 29, 2017 at 11:06 am #814345
    mleite1

    Hi, Mike. Thanks for the feedback.

    Yigit gave us a code that worked for only one box. We managed with this code to decrease the width of the box. See link. | http://www.hidrocon.com/hidro/contato-hidrocon-2/

    In our INDEX there are 3 boxes. What would be the code to do the same thing in the 3? See link | http://www.hidrocon.com/hidro/

    June 29, 2017 at 2:45 pm #814493
    mleite1

    For example I used this code below for my index page that has 3 equal boxes on the contact page and did not work.

    .page-id-2#top fieldset {margin: 10%!important; }

    June 30, 2017 at 3:29 am #814769
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    #av_section_1 .container {
    max-width: 70%!important; 
}

    Best regards,
    Mike

    June 30, 2017 at 9:29 pm #815180
    mleite1

    Help me. I saved the SAVE TEMPLATE main page. I created a new blank page and saved the template in it. Okay. A problem occurs. The formatting of the contact form was cleared.

    I USE THIS CODE on the main page.
    .page-id-305 # top fieldset {margin: 10%! Important; }

    The page ID of the new page is 442.
    I put the code in css and it did not work.

    MAIN PAGE
    http://www.hidrocon.com/hidro
    MAIN PAGE IMPORTED (ERROR NO FORM)
    http://www.hidrocon.com/hidro/principal2/

    June 30, 2017 at 9:49 pm #815191
    mleite1

    I was using the wrong code. Disregard this request.

    This is correct.
    .page-id-442 # top fieldset {margin: 10%! Important; }

    July 1, 2017 at 7:49 am #815284
    Rikard

    Hi,

    Great, glad you got it working and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 1, 2017 at 4:33 pm #815367
    mleite1

    It’s ok Rikard.

    Tks

    July 1, 2017 at 6:51 pm #815391
    Mike

    Hi,
    Glad to hear, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘CONTACT FORM INSIDE GRID ROW | ADJUST SIZE’ is closed to new replies.