Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 30, 2015 at 11:03 pm #466724
    darranreadman

    Hello

    I have a website with Enfold, and I am using the Avia Layout Builder for the Elements on the pages.
    I am using a Boxed layout. And I would like you reduce the spacing around the elements.
    Is there any way to do this? I would like the spacing to be much closer than it currently is.

    Many thanks in advance.

    Darran

    July 2, 2015 at 9:23 am #467358
    Ismael

    Hey darranreadman!

    Thank you for using Enfold.

    I checked the site but I’m not sure which spacing or gap you would like to get rid of. Please provide a screenshot.

    Best regards,
    Ismael

    July 2, 2015 at 10:10 am #467380
    darranreadman

    Hi Ismael

    And many thanks for your help.
    I have attached a screenshot showing the columns / elements I would like to be closer together. Less space on the sides and above and below.
    http://i57.tinypic.com/wjxir8.jpg

    Many thanks.
    Darran

    July 3, 2015 at 4:16 pm #468125
    Dake

    Hi Darran,

    In order to reduce the spaces in between the elements (left and right) you may edit the .av_one_fourth class.

    Here is an example of a comfortable change in width,height and left/right space:

    .av_one_fourth {
  margin-left: 2% !important;
  width: 22.5% !important;
}

    As for the space above and below each post you can use the .flex_column class as shown below:

    .flex_column {
  max-height: 150px !important;
}

    These are only examples, you can change them to values that suit you better. All changes should be inserted in your custom css section located in your theme options.

    Regards,
    Dake

    July 11, 2015 at 1:58 pm #471852
    darranreadman

    Hello Dake

    Delayed reply. Sorry.
    Many thanks. The .av_one_fourth spacing worked.
    But I was also hoping to reduce the spacing on the sides of the boxed layout overall.
    I have attached a screenshot.
    http://tinypic.com/r/1195u2w/8
    Is it possible to reduce this?

    Again many thanks for the help.

    Darran

    July 11, 2015 at 3:52 pm #471870
    Dake

    Hey Darran,

    May we have temporary access to your website and the exact page in question?

    Cheers!
    Dake

    July 11, 2015 at 5:27 pm #471879
    darranreadman

    Hello

    Certainly. I have added the details into the ‘Private Content’ area.

    Thanks Dake

    Darran

    July 13, 2015 at 12:35 pm #472336
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .container {
  padding: 0px 15px;
}

    Cheers!
    Yigit

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