Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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.

    #429790

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

    #429907

    Thanks, 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%;

    #430429

    Hi!

    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!
    Elliott

    #433291

    Sorry…..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.

    #433510

    Hi!

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

    #433660

    Okay, 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!

    #434327

    Hey!

    Please edit Enfold/css/grid.css file as Elliott suggested earlier.

    Cheers!
    Yigit

    #434647

    Thank 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.

    #435009

    Hi!

    Have you uploaded the font to your server? What CSS are you using to import the font?

    Regards,
    Rikard

    #435492

    It’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!

    #436206

    Hi!

    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

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.