Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1031233

    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

    #1031773

    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

    #1031849

    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

    #1033289

    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.

    3. Same as issue #2.

    Let us know if you have any questions.

    Best regards,
    Vinay

    #1033429

    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

    #1034565

    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

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.