Tagged: grid row
-
AuthorPosts
-
July 28, 2017 at 10:59 am #830989
How do I center the content in this grid row? not vertical, but horizontally
August 1, 2017 at 6:08 am #832584Hey runekjensen,
Sorry for the late reply. It looks centered on my end, did you manage to get it working? If not then please try to explain a bit further.
Best regards,
RikardAugust 1, 2017 at 8:16 am #832671it is only “centered” because it´s in a 1/2 grid row. I need to have it centered in that row, as it will otherwise move around depndeing on the users resolution
August 1, 2017 at 10:20 pm #833092Hi,
I’m not sure if I understood correctly but since you are using text block for the content of grid rows, you should be able to use that centering tool (visual editor). Hope this helps.
Best regards,
NikkoAugust 2, 2017 at 8:13 am #833249But this is not a center box, it’s an icon box…..
August 2, 2017 at 1:22 pm #833422Hi,
Sorry but I don’t really understand what you are looking for either, the content of the elements on the page you linked to looks centered on my end on all resolution from desktop down to mobile. Could you try to explain a bit further or post a screenshot highlighting the problem please?
Best regards,
RikardAugust 2, 2017 at 1:55 pm #833451It is not centered. It is only half centeret because it´s a 1/4 + 1/2 + 1/4…but it is not centered in the 1/2
Now I made it 1/1 to demonstrate that it is to the leftAugust 3, 2017 at 5:23 am #833741Hi,
Ok, thanks for the feedback, though it doesn’t make things much clearer to me unfortunately. Could you post a screenshot highlighting the issue so that we can at least understand what the problem is please? You can upload the screenshot to a service like dropbox or google drive and then link to it here.
Best regards,
RikardAugust 3, 2017 at 8:35 am #833779Ok let me try this then
How do I center this Icon box in this grid rowAugust 8, 2017 at 1:40 pm #835829Hi,
Sorry for the late reply. Please try the following in Quick CSS under Enfold->General Styling:
.page-id-877 .iconbox { text-align: center !important; } .page-id-877 .iconbox_icon { display: inline-block !important; }
Best regards,
RikardAugust 8, 2017 at 1:52 pm #835834That made it even more weird. Now the the box is centered but the icon is alligned to the left :-/
August 9, 2017 at 7:49 am #836212Hi,
Could you please try to be a bit more specific as to what you want? Upload a screenshot highlighting the layout you want, otherwise we can only guess.
Best regards,
RikardAugust 11, 2017 at 9:52 am #837352I really don’t know how to make myself more clear.
I want to center the iconbox (with the icon aswell of course) in the grid rowhttp://documentpeople.dk/wp-content/uploads/2017/08/capture-20170811-094914.png
August 12, 2017 at 10:21 pm #838056Hi runekjensen,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#av-layout-grid-1 .iconbox.iconbox_left_content.avia-builder-el-2 { width: 22%; margin: 0 auto; }
If you need further assistance please let us know.
Best regards,
VictoriaAugust 15, 2017 at 12:55 pm #839254It worked!…finally…..
August 15, 2017 at 4:27 pm #839389Hi!
We’re glad that the team was able to help you! We’ll close this topic now. For any other questions or issues, feel free to post them here on the forum and we will do our best to assist you.
For your information, you can also take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
We’d also appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads
Thank you for using Enfold.
Cheers!
Sarah -
AuthorPosts
- The topic ‘Center grid row’ is closed to new replies.