Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 8, 2018 at 1:16 pm #1031233
    DianaLoola73

    Dear Support Team
    I am currently working on a Webist with the following link: http://bs-architekten.de/NEU/team/
    In doing so, I would like all contents to be displayed right- and left-aligned (see Home page: http://bs-architekten.de/NEU/ Image and content close right and left in a line).
    However, I do not manage to configure the elements on the team page so that they do not exceed the edge:
    1. the top element: http://bs-architekten.de/support/support_01.pdf: on the left the placement fits, but on the right side the picture dominates the edge
    2. the middle element: http://bs-architekten.de/support/support_02.pdf here the content dominates right and left
    3. http://bs-architekten.de/support/support_03.pdf here the picture towers over the imaginary line as well

    How can I achieve a consistent alignment on the right and left by css or another setting?

    Thank you and best regards Diana Loola

    November 9, 2018 at 7:59 pm #1031773
    Victoria

    Hey Diana,

    You might want to use boxed layout for the website since you want content to be within the edges of the logo and the last menu item.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 9, 2018 at 9:58 pm #1031849
    DianaLoola73

    Dear Victoria,

    i already us the boxed layout! Please have a look at the screenshots I added to understand my current problem
    Here again my request.

    I am currently working on a Webist with the following link: http://bs-architekten.de/NEU/team/
    In doing so, I would like all contents to be displayed right- and left-aligned (see Home page: http://bs-architekten.de/NEU/ Image and content close right and left in a line).
    However, I do not manage to configure the elements on the team page so that they do not exceed the edge:
    1. the top element: http://bs-architekten.de/support/support_01.pdf: on the left the placement fits, but on the right side the picture dominates the edge
    2. the middle element: http://bs-architekten.de/support/support_02.pdf here the content dominates right and left
    3. http://bs-architekten.de/support/support_03.pdf here the picture towers over the imaginary line as well

    How can I achieve a consistent alignment on the right and left by css or another setting?

    Thank you and best regards Diana Loola

    November 14, 2018 at 1:51 am #1033289
    Vinay

    Hi,

    1. Please use a text element instead of the icon box and remove the left padding set in the column layout.

    2. The color section and Grid row elements are full-width elements.
    To modify the width of the full-width elements please use the code in the below link

    Please set max-width value to 1310px in the code snippet.

    Color Section

    Grid Row

    3. Same as issue #2.

    Let us know if you have any questions.

    Best regards,
    Vinay

    November 14, 2018 at 11:15 am #1033429
    DianaLoola73

    Dear Vinay,

    Thank you first for your answer.
    to point 2 and 3: I have now integrated here the two specified scripts in the QUICK CSS form. Unfortunately, the page view is unchanged.
    Could you please take another look and tell me at which point I need to improve?
    It concerns the following two points: http://bs-architekten.de/support/support_02.pdf and http://bs-architekten.de/support/support_03.pdf

    Many Thanks!
    Best regards Diana Steib

    November 16, 2018 at 7:49 pm #1034565
    Victoria

    Hi DianaLoola73,

    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

    
#main .container_wrap {
    max-width: 1310px;
    padding: 0 50px;
}

#main .container_wrap.avia-section {
    max-width: 1210px;
    padding: 0;
    margin-left: 50px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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