Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 18, 2014 at 12:16 pm #352915
    jezd

    Is there any way to center a layout element (say a 2/3 block) using the page editor? (not content of the element but the element on the page itself)

    Also, anyway to create a custom layout element with a set width?

    ta

    Jez

    • This topic was modified 10 years ago by jezd.
    November 18, 2014 at 9:01 pm #353238
    Elliott

    Hey jezd!

    First do this, http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/, and then you can add a custom class to your elements.

    And then add this to your custom CSS to center the elements.

    .your_class {
    width: 50% !important;
    margin: 0px auto !important;
}

    Regards,
    Elliott

    November 18, 2014 at 11:56 pm #353357
    jezd

    thanks, but that won’t work on layout elements?

    Jez

    November 19, 2014 at 3:53 pm #353740
    Ismael

    Hey!

    Unfortunately, it won’t work on layout elements. You can create the columns manually on a text block. Add this:

    <div class="flex_column av_two_third center_flex_column">TEXT HERE</div>

    Use this on Quick CSS:

    .flex_column.av_two_third.center_flex_column {
float: none;
clear: both;
margin: 0 auto;
text-align: center;
}

    Regards,
    Ismael

    December 5, 2016 at 9:40 pm #720707
    nutrition_22

    Hey!

    I’m seriously lost!
    I am trying to center a layout Element which is 4/5 wide but cannot find the right code.

    Can you please help?

    Dee

    December 6, 2016 at 11:57 am #720940
    Rikard

    Hi Dee,

    Maybe you could try adding it to a 3/5 element instead and have two empty 1/5 elements on each side of it instead?

    Best regards,
    Rikard

    December 16, 2016 at 5:49 pm #725480
    nutrition_22

    Thank you for your reply.

    Maybe you can help me with the following.

    I’m trying to put products in the shop page by adding the grid layout and text for the links to amazon.
    Now the distance between the images are huge and the sidebar falls to the bottom of the page.
    How can I reduce the space between the text space. Since it doesn’t require any space between the images of the product.

    Could you help me with this please?

    December 21, 2016 at 8:10 am #726934
    Rikard

    Hi,

    Sorry for the late reply. I’m not sure why you have used a 1/3 and very small images? That is why there is so much space between them. Maybe you could try a 1/4 or 1/5 layout instead?

    Best regards,
    Rikard

    December 22, 2016 at 5:08 pm #727584
    nutrition_22

    Hey,

    thank you! It did the trick.

    Regards

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Centering a Layout Element’ is closed to new replies.