Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 23, 2019 at 1:57 pm #1141006
    lauragrashoff

    Guten Tag!

    Ich habe eine Website erstellt im gerahmten Layout mit Sidebar rechts. Leider schließt die Sidebar nicht am Rand ab und sieht irgendwie abgeschnitten aus. Die Elemente in der Sidebar sind dadurch nicht zentriert. Woran liegt das? Ich habe schon mehrere Einstellungen zur Sidebar und dem Layout geändert, aber nichts hat sich getan.

    Anbei ein Screenshot, wo man das ganz gut erkennen kann.

    Ich danke euch und wünsche einen wunderschönen Tag!

    September 24, 2019 at 6:53 am #1141233
    Rikard

    Hey lauragrashoff,

    Thanks for the screenshot, could you post a link to where we can see the actual element as well please?

    Best regards,
    Rikard

    September 24, 2019 at 7:41 am #1141241
    lauragrashoff

    Good morning Rikard,

    here is the link. Thank you!

    September 26, 2019 at 3:11 am #1142089
    Ismael

    Hi,

    Thank you for the update.

    Did you add this code?

    .inner_sidebar {
    margin-left: 50px;
}

    It pushes the sidebar content out of the center and more to the right. Please remove the css code and toggle the Performance > File Compression settings.

    Best regards,
    Ismael

    September 26, 2019 at 8:42 am #1142144
    lauragrashoff

    Hey Ismael,

    thanks for your answer! No i dont use this code. I only used this three codes:

    #header_main {
  /* Increase the top and bottom space */
    padding: 20px 0;
}

.sidebar {
    background: white;
}
.image-overlay.overlay-type-extern .image-overlay-inside:before {
display: none;
}

    I only change the color of the sidebar to white. Maybe it colored not the whole element?

    September 27, 2019 at 4:45 am #1142565
    Ismael

    Hi,

    I only change the color of the sidebar to white. Maybe it colored not the whole element?

    Yes, that may be the case. You can apply a right margin to center align the content inside the sidebar area, but it will decrease the width of the widgets.

    .inner_sidebar {
    margin-left: 50px;
    margin-right: 50px;
}

    If you want to reclaim some of the area for the sidebar, try to adjust the content/sidebar ratio in the Enfold > General Layout > Dimensions panel.

    Thank you for the update.

    Best regards,
    Ismael

    September 28, 2019 at 11:17 am #1142983
    lauragrashoff

    Hey Ismael,

    Ich antworte nochmal auf Deutsch.

    Dein Code hat für die Widgets geholfen, aber die Sidebar geht immer noch nicht bis zum Rand. Auch mit der Einstellung Gedehntes Layout (Dimensions panel) bleibt es an seiner stelle, nur dass dann mein farbiger Hintergrund nicht mehr da ist.

    Geht die Sidebar nie bis zum Rand?

    Beste Grüße und schönes Wochenende!

    October 1, 2019 at 3:12 am #1143542
    Ismael

    Hi,

    Thank you for the update.

    If you want to move the sidebar to the right edge of the container, use this css code.

    .sidebar.sidebar_right .inner_sidebar {
	margin-left: 50px;
	margin-right: 50px;
}

.sidebar.sidebar_right.alpha.units {
	right: -50px !important;
}

    Don’t forget to toggle the Performance > File Compression settings afterwards.

    Best regards,
    Ismael

    October 7, 2019 at 6:05 am #1145621
    lauragrashoff

    Hey Ismael,

    thank you very much! It worked :)
    I did not disable the File Compression, so it has been activated anyway.

    See you and thanks for the excellent support :)

    October 7, 2019 at 8:02 am #1145670
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out and thanks for the kind words :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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