Tagged: , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 15, 2015 at 3:10 pm #380025
    Henrikgood

    Hi
    I need to adjust the space between the layout elements horizontal and not vertical. If I set up a page with ex. five 1/5 layout elements, there is too much space between them. The outer elements align to the sides as they should. I just need to reduce the horizontal space to ex. 10 pxl.
    Hope you can help
    Best regards
    Henrik

    January 15, 2015 at 9:32 pm #380460
    Yigit

    Hey Henrikgood!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .page-id-1369 #main > div > div > .content {
padding-bottom: 10px;
}

    Cheers!
    Yigit

    January 21, 2015 at 2:28 pm #383000
    Henrikgood

    Hi Yigit
    That did not work – no change
    Any other ideas?
    br henrik

    January 21, 2015 at 3:10 pm #383014
    Yigit

    Hey!

    Code does not seem to being applied. Do you mind creating a temporary admin login and posting it here privately so we can look into it?

    Cheers!
    Yigit

    January 26, 2015 at 12:05 pm #385362
    Henrikgood
    This reply has been marked as private.
    January 26, 2015 at 3:58 pm #385505
    Yigit

    Hey!

    No worries at all Henrik, hope your children got well!
    Please try adding following code to Style.css file of your child theme 

    #main > .fullsize > .container > main.content {
padding-bottom: 10px !important;
}

    and please flush cache after applying the code.

    Cheers!
    Yigit

    January 31, 2015 at 11:27 pm #388875
    Henrikgood
    This reply has been marked as private.
    January 31, 2015 at 11:38 pm #388883
    Josue

    Good, let us know how if it works so we can mark the topic as resolved.

    Best regards,
    Josue

    February 10, 2015 at 2:25 pm #393692
    Henrikgood

    Hi
    I did not help. Is there another way to fix this?
    best regards
    Henrik

    February 10, 2015 at 10:55 pm #394061
    Ismael

    Hey!

    Place the 1/5 columns inside a color section then apply a unique id attribute to it using the For Developers: Section ID field. Use “custom-columns” for example. Replace the css code above with this:

    #custom-columns div .av_one_fifth {
margin-left: 2%;
width: 18.4%;
}

    This should decrease the left margin between columns and increase their width.

    Best regards,
    Ismael

    February 21, 2015 at 12:11 am #399948
    Henrikgood
    This reply has been marked as private.
    February 23, 2015 at 6:09 am #400390
    Rikard

    Hi!

    Try to play around with Ismaels code a bit, for instance, this will most likely work better:

    #custom-columns div .av_one_fifth {
margin-left: 1%;
width: 18.4%;
}

    Regards,
    Rikard

    February 24, 2015 at 10:16 am #401247
    Henrikgood

    Perfect – I get the picture:-)

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Reduce the space between the layout elements horizontal’ is closed to new replies.