Tagged: avia layout builder, margin, spacing
-
AuthorPosts
-
April 15, 2015 at 7:35 pm #429183
I am using Avia layout builder and finding that there are big spacings (horizontally) between each row of the columns. How can I change the width of, or eliminate the spacing?
I can attach my 3D layout where I marked the spacings, let me know if I can send it to you.
April 16, 2015 at 6:17 pm #429790Hey mfuji!
You can change their widths and margins around line 220 in the /enfold/css/grid.css file.
If you reduce their margins then you’ll want to increase their widths to compensate.
Best regards,
ElliottApril 16, 2015 at 9:16 pm #429907Thanks, but could you specify line 220? I am looking at the file but there’s nothing that defines margins around line 220,expect for “margin-left”. Sorry I am new to this….
/* Columns for better content separation
================================================== */
body div .first,
body div .no_margin {
margin-left: 0;
}
div .flex_column {
z-index: 1;
float: left;
position: relative;
1px;
width: 100%;
}
div .av_one_fifth {
margin-left: 6%;
width: 15.2%;
}
div .av_one_fourth {
margin-left: 6%;
width: 20.5%;
}
div .av_one_third {
margin-left: 6%;
width: 29.333333333333332%;
}
div .av_two_fifth {
margin-left: 6%;
width: 36.4%;
}
div .av_one_half {
margin-left: 6%;
width: 47%;
}
div .av_three_fifth {
margin-left: 6%;
width: 57.599999999999994%;
}
div .av_two_third {
margin-left: 6%;
width: 64.66666666666666%;
}
div .av_three_fourth {
margin-left: 6%;
width: 73.5%;
}
div .av_four_fifth {
margin-left: 6%;
width: 78.8%;
}
div .av_one_sixth {
margin-left: 6%;
width: 11.666666666666666%;
}
div .av_one_seventh {
margin-left: 6%;
width: 9.142857142857142%;
}
div .av_one_eighth {
margin-left: 6%;
width: 7.25%;
}
div .av_one_nineth {
margin-left: 6%;
width: 5.777777777777778%;
}
div .av_one_tenth {
margin-left: 6%;
width: 4.6%;April 17, 2015 at 5:07 pm #430429Hi!
In your page your using a two_third so the CSS for the two_third is this area.
div .av_two_third { margin-left: 6%; width: 64.66666666666666%; }
You can reduce the margin and increase the width there.
Cheers!
ElliottApril 23, 2015 at 8:29 am #433291Sorry…..I am trying to reduce the margin top or bottom…..vertical space between rows of columns.
It’s not just 2/3 columns, but the vertical space between each layout element.
If you see my website, you see there are a lot of spaces between each layout element….
http://www.interactiongreen.com/I can explain better if I can attach my actual website.
April 23, 2015 at 3:09 pm #433510Hi!
Please add following code to Quick CSS as well
body .column-top-margin { margin-top: 15px; } .content,.sidebar { padding-top: 10px; padding-bottom: 10px; }
Best regards,
YigitApril 23, 2015 at 6:09 pm #433660Okay, I see. So what about the margins between contents when you have multiple in 1 layout element? When the margins between the layout elements are reduced but the margins between the contents within one layer is not, it looks very ugly….Thank you!
April 24, 2015 at 6:31 pm #434327Hey!
Please edit Enfold/css/grid.css file as Elliott suggested earlier.
Cheers!
YigitApril 25, 2015 at 9:15 am #434647Thank you. If I have a question on something else, should I create a new topic?
I want to change default font to a Japanese font “Meiryo”.body {
font-family: “Meiryo”;
}but it;s not working. Any suggestions? Thank you.
April 27, 2015 at 5:31 am #435009Hi!
Have you uploaded the font to your server? What CSS are you using to import the font?
Regards,
RikardApril 27, 2015 at 6:24 pm #435492It’s not my original font; it’s MS Windows font (like Arial, I guess). So I am guessing I don’t (or I cannot) upload the font. When I was using wordpress.org, I just had to change the style.css and it would work. Thank you!
April 28, 2015 at 5:10 pm #436206Hi!
That does not sound like a websafe font. You could add it to your site with @font-face, https://css-tricks.com/snippets/css/using-font-face/.
And then do this, https://kriesi.at/support/topic/installing-own-fonts/#post-421325, to make it selectable in the Enfold styling options.
Best regards,
Elliott -
AuthorPosts
- You must be logged in to reply to this topic.