-
Posts
-
Hi, this is my website:
I’m using 1/5 elements. I set:
– same height
– vertical-aling: middleIt’s possible have a spacing between elements rows?
Thanks
Hey Pas7o,
Add this to quick css:
#cchirappresentiamo .flex_column_table.av-equal-height-column-flextable.-flextable .flex_column_table_cell { float: none; display: block!important; width: 200px!important; }Best regards,
Jordan ShannonI edit your code:
#cchirappresentiamo .flex_column_table.av-equal-height-column-flextable.-flextable .flex_column_table_cell {
float: none;
display: block!important;
width: 250px!important;
height: 340px!important;
}now my website is:
there is a lot of space between rows. it’s possible decrease it?
Thanks
Hi Pas7o,
Yes, but that empty element is pushing the second row down and you get that whitespace.
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi,
Add this to quick css:
.flex_column.av_one_fifth.flex_column_table_cell{ max-height:300px!important; min-height:300px!important; }Best regards,
Jordan ShannonI edit your code:
.flex_column.av_one_fifth.flex_column_table_cell{
max-height:340px!important;
min-height:340px!important;
}but now there is still a lot of space between rows.
Victoria, the images in private data are not found.
It’s possible, into the columns, with ccs code have:
– images, top
– texts, middle
– buttons, bottom
?Thanks.
Hi Pas7o,
Looks like only the last button needs to be aligned.
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.avia-button-wrap.avia-button-center.avia-builder-el-74 { margin-top: 35px; }If you need further assistance please let us know.
Best regards,
VictoriaHi Pas7o,
Not sure I understand your last reply. What do you want to move into the last 3 columns?
Best regards,
VictoriaHi,
I’m having trouble understanding also. Please provide a screenshot of what you are looking to achieve.
Best regards,
Jordan ShannonHi Pas7o,
I have checked on your previous replies and noticed that what you wanted to achieve was the images on top, text/content in the middle and button located at the bottom.
And it seems that you have already done it, is it just the spacing that you want to adjust? or I might have missed what your trying to point?Best regards,
NikkoHi Pas7o,
Which spacing now? Could you please attach a mockup of what you’re trying to achieve?
Best regards,
Victorialook this picture:
three columns on the left are in the middle of content page. three columns on the right are in the bottom of content page.
did you see the buttons position? I want right columns’buttons have the same position of left columns.
Hi Pas7o,
Can you try using this css code:
#cchirappresentiamo .flex_column_table.av-equal-height-column-flextable.-flextable .flex_column_table_cell { padding: 0 !important; } #cchirappresentiamo .flex_column_table.av-equal-height-column-flextable.-flextable .flex_column_table_cell .av_textblock_section { min-height: 96px; }Hope it helps.
Best regards,
Nikko
- You must be logged in to reply to this topic.