Centering contents

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by Raghavendra Raghavendra 2 years, 9 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #25073
    Palmtree
    palmtree
    Participant
    Post count: 126

    Hello,

    I am wondering why the contents of these pages not centered? I mean li box elements. In the right margin to the edge of the browser is wider than the left.
    https://www.livemeshthemes.com/invent/staff/
    https://www.livemeshthemes.com/invent/departments/
    https://www.livemeshthemes.com/invent/our-courses/

    I mean you guys coding quality is golden always.So I’m more like curious…
    box-sizing: border-box can be applied with padding together in order to make all the column fit in 100% width and centered right?

    Unless there is some coding limitation or particular reason, if possible I want you to update the theme with this fix.
    I want to see box elements centered seen like this https://www.livemeshthemes.com/invent/#pgc-13469-2-0

    Cheers!

    #25103
    Raghavendra
    Raghavendra
    Moderator
    Post count: 4700

    If we did apply the padding, there would be noticeable padding on the left which users have complained before (the padding/margin on the right is usually not noticeable by the visitors – we see that happening with text too that is left aligned as in a blog post or in this forum post posted by you above. Spacing is uneven on the right unless you do a text-align: center which makes content less readable).

    We need to address this via CSS by eliminating the left and right padding for first and last elements in each row. And this CSS needs to be incorporated for each of the possible grid column counts like 3-column, 4-columns etc. Also, if you have noticed, the grid changes to a two column one at portrait tablet resolution and then to a single column in smartphone resolution. Handling margins/paddings on left and right for all of the 3 resolutions involves few lines of CSS using nth-child selectors. We can provide you with the same if you are keen on the same but I am personally not too worried about updating the theme with it unless we have more requests. Hope you agree. Thanks for bringing this up.

    #26392
    Palmtree
    palmtree
    Participant
    Post count: 126

    Sorry Meteorite,
    I’ve completely forgot to reply to your message.
    I modified the CSS and now all the boxes are centered. I’m happy about it:)
    Thank you for your support!

    #26399
    Raghavendra
    Raghavendra
    Moderator
    Post count: 4700

    No issues. Glad to hear you were able to resolve the issue.

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

The topic ‘Centering contents’ is closed to new replies.