Support Forums for LiveMesh Themes & Plugins › Forums › Invent Theme Support › Centering contents
Tagged: box contents, centered, element
- This topic has 3 replies, 2 voices, and was last updated 7 years ago by Raghavendra.
-
AuthorPosts
-
December 9, 2016 at 3:27 pm #25073palmtreeParticipant
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-0Cheers!
December 12, 2016 at 2:00 pm #25103RaghavendraModeratorIf 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.
April 15, 2017 at 9:53 am #26392palmtreeParticipantSorry 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!April 15, 2017 at 5:48 pm #26399RaghavendraModeratorNo issues. Glad to hear you were able to resolve the issue.
-
AuthorPosts
- The topic ‘Centering contents’ is closed to new replies.