Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 19, 2016 at 12:55 pm #688432
    premedia

    Contact

    I’m using this page layout as a start point – with a grid row currently set at 3/5 and 2/5 where the contact form and map are respectively.

    In my design I’m using a solid block of colour in place of the map with some text aligned to the left edge of the block of colour (the cell).

    I want the contact form in the left hand area but I want to find a way to align the LEFT HAND edge of the contact form and its text description with the container for the website- instead of how it looks stretching all the way to the edge of the screen

    So far I tried using a colour section instead of a grid row – this works fine for aligning contact form to container left hand edge but then I lose the large block of colour which I want on the right – where the map currently sits.

    Is there a solution you can see to achieve what I want?

    Private Link/login to my website and mockup below.

    Thanks in advance.

    Pete

    • This topic was modified 8 years, 2 months ago by premedia.
    September 21, 2016 at 3:09 pm #689853
    Yigit

    Hey premedia,

    Can you please try increasing left padding value on the left cell?

    Best regards,
    Yigit

    September 21, 2016 at 8:02 pm #689976
    premedia

    Hi Yigit
    See link below in private content. The padding idea won’t work since when the browser is resized the padding is constant so it pushes the whole contact form area to the right.

    I wonder – is it possible to set a sidebar background colour? If so it may be a workaround to my problem – if I can somehow use a sidebar on right with yellow background and then the contact form can be aligned on a standard page on the left.

    EDIT———
    I tried the solution from this link
    https://kriesi.at/support/topic/color-change-in-sidebar/#post-245767
    but the result was not quite right.
    here;s what I saw – I need the colour to go all the way up to the sidebar divider as shown by the arrow.
    http://screencast.com/t/sDxp848qS

    best
    Pete

    • This reply was modified 8 years, 2 months ago by premedia.
    September 24, 2016 at 6:38 am #691085
    Ismael

    Hey!

    See link below in private content. The padding idea won’t work since when the browser is resized the padding is constant so it pushes the whole contact form area to the right.

    We can adjust the padding on smaller screens using css media queries. Turn on the custom css class field. http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    I tried the solution from this link
    https://kriesi.at/support/to pic/color-change-in-sidebar/#post-245767

    The solution in the previous thread may not work properly on different screen sizes.

    Regards,
    Ismael

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