Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #830989

    How do I center the content in this grid row? not vertical, but horizontally

    #832584

    Hey 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,
    Rikard

    #832671

    it 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

    #833092

    Hi,

    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,
    Nikko

    #833249

    But this is not a center box, it’s an icon box…..

    #833422

    Hi,

    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,
    Rikard

    #833451

    It 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 left

    #833741

    Hi,

    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,
    Rikard

    #833779

    Ok let me try this then
    How do I center this Icon box in this grid row

    #835829

    Hi,

    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,
    Rikard

    #835834

    That made it even more weird. Now the the box is centered but the icon is alligned to the left :-/

    #836212

    Hi,

    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,
    Rikard

    #837352

    I 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 row

    http://documentpeople.dk/wp-content/uploads/2017/08/capture-20170811-094914.png

    #838056

    Hi 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,
    Victoria

    #839254

    It worked!…finally…..

    #839389

    Hi!

    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

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Center grid row’ is closed to new replies.