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
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
thanks, but that won’t work on layout elements?
Jez
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
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
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
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?
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
Hey,
thank you! It did the trick.
Regards