align elements vertically

  • Anonymous
    April 8, 2026 at 3:42 am

    Hi there,
    I need help with aligning vertical all the elements in one line. As you can see on the screenshot these 3 elements are not in one line. Can you help me align it as i show it with the red line.
    Thank you!
    legit.casino reviews
    Check the problem here legit.casino

  • George
    April 8, 2026 at 4:33 am

    Hello,

    Regarding the gb-container-58458f6b container that wraps all the comments. Please, add a padding-left and padding-right value of 20px just for the desktop screen.

  • Anonymous
    April 8, 2026 at 4:43 am

    Thanks for you reply,
    I want to align the elements according to the element “Latest User comments” so your advice won’t help.
    Would you please suggest some other resolution.
    Thanks

  • George
    April 8, 2026 at 5:41 am

    Hello.

    You seem to have this CSS:

    .generate-columns-container {
    margin-left: 0 !important;
}

    Try removing that.

  • Anonymous
    April 9, 2026 at 10:46 am

    Ahh thanks that helped me. I found that this margin-left: 0 is causing the issues.
    Would you also please take a look at that page at the bottom and help me how to align the Post Navigation Element to the all other Elements on the page at the right side.. I’ve tried with minus margin but it only helps on the left side. I can’t move that Element to the right direction which is very weird.

    Also here on mobile screens i want the post content (the list with numbers) to be the same width as the Header Element and the other elements. Any ideas how to do that without causing overflow issues?

    Thank you as always
    Regards

  • George
    April 9, 2026 at 1:14 pm

    Hello,

    On the gb-container-99fe8eb7 container, remove margin-left and margin-right values.

    Then add this CSS:

    .single.single-post .paging-navigation {
    padding-left: 0;
    padding-right: 0;
    }

    On this CSS:

    .bb-pagination, .paging-navigation {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px;
    margin: 20px 10px;
}

    Replace margin: 20px 10px; with margin: 20px 0;

    Regarding the list, add this CSS:

    .gb-container-2f50d2ff ol {
    columns: 4 150px; /* max 4 columns, min 150px each */
    column-gap: 2em;
}
  • Anonymous
    April 10, 2026 at 10:41 am

    Thanks for your reply,
    With your help i fixed the first problem and now everything is aligned – check here.
    According to the second issue with the list the CSS that you recommended doesn’t help.
    Maybe we should convert it to be only for mobile screens?
    Regards

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