Soka_Sands_Creative Posted September 25 Share Posted September 25 I'm working on a client's website, and they've asked if I can center the bottom row of this people block, as it is currently skewed left. I know I can have it be 4 or 5 to a row, but I don't like the look of that, and client would rather it remain as 3 across. I've looked all over so far and haven't found anything that addresses centering this kind of block in particular. Any ideas on how to fix this? Link to comment
tuanphan Posted September 25 Share Posted September 25 I guess she want to move bottom row to right to make them center? You can share link to page, we can help easier. I just solved two cases yesterday. kalevi 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Soka_Sands_Creative Posted September 25 Author Share Posted September 25 (edited) Let me know if this link works: https://parrotfish-apricot-8abt.squarespace.com/config/pages Yes, I want the bottom row of the "our team" section to center so that it's not left skewed. Also I am a he lol. Edited September 25 by Soka_Sands_Creative Link to comment
Soka_Sands_Creative Posted September 25 Author Share Posted September 25 10 hours ago, tuanphan said: I guess she want to move bottom row to right to make them center? You can share link to page, we can help easier. I just solved two cases yesterday. I've actually updated the page since I sent the last screenshot. Here is the link to the website: https://www.unitekentucky.com/about I want to get this bottom row centered (see screenshot attached) Link to comment
Solution tuanphan Posted September 25 Solution Share Posted September 25 You can use this to Website Tools > Custom CSS @media screen and (min-width:768px) { .user-items-list-item-container[data-section-id="66e9d0c51ca6cd6730d5fba9"] li:nth-child(5) { position: relative; left: calc(~"50% + 10px"); } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Soka_Sands_Creative Posted September 26 Author Share Posted September 26 3 hours ago, tuanphan said: You can use this to Website Tools > Custom CSS @media screen and (min-width:768px) { .user-items-list-item-container[data-section-id="66e9d0c51ca6cd6730d5fba9"] li:nth-child(5) { position: relative; left: calc(~"50% + 10px"); } } This worked! Much appreciated, for real. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment