Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 25, 2017 at 11:44 pm #738656
    Graham

    Hello,
    On this page I would like to set the padding above and below the masonry gallery to 20px, I am having trouble using a custom css class to do this, I have tried applying it to the gallery and also the colour section that it is in but neither work.

    Any help really appreciated.

    Graham

    January 26, 2017 at 10:24 am #738816
    Rikard

    Hey Graham,

    Please try the following in Quick CSS under Enfold->General Styling:

    .postid-1194 #av-masonry-1 {
    padding: 20px 0;
}

    Best regards,
    Rikard

    January 26, 2017 at 11:03 am #738831
    Graham

    Hello,

    Thank you for your reply, unfortunately it does not seem to work, I have included a picture to show the space that I am trying to reduce (marked in red

    Info

    Thank you very much

    Graham

    January 27, 2017 at 6:27 am #739219
    Rikard

    Hi,

    Ok, try this instead:

    .postid-1194 #after_layer_slider_1 .av-content-full {
  padding:0 !important;
}

    Best regards,
    Rikard

    January 27, 2017 at 8:55 am #739275
    Graham

    Thank you that is perfect. If I want to apply this and a few other styles to many pages is it possible to assign a custom css class to a the pages to apply the style. I come from a Joomla background where we often used it. However with WP I see no way of applying a class to a page. I have it enables to add one to individual elements on the page but not the page a a whole.

    Thank you very much as ever.

    Graham

    January 28, 2017 at 9:15 pm #739777
    Nikko

    Hi,

    Glad we could help :) You can also check on the body’s classes as it is unique with every page or post, you can use that to style each page/post specifically.

    Best regards,
    Nikko

    January 29, 2017 at 9:16 am #739901
    Graham

    Hi Nikko,

    That’s great, one last question is it possible to add a class to every page so that I have just one line of CSS to apply this to many pages, bit like this

    .new-class #after_layer_slider_1 .av-content-full {
    padding:0 !important;
    }

    Then add the new-class class to every page that I want to style?

    If not no problem, just trying yo keep the CSS small as there may be 100+ pages that need this styling.

    Thank you very much.

    Graham

    January 29, 2017 at 5:48 pm #739973
    Basilis

    Hi!

    There is no such option we are afraid, as every page has a different id – and we do not have an option at enfold, to add a class at body.
    You can add a custom CSS to the element although.

    Turn on Custom CSS Class field for all ALB Elements

    let us know if that works

    Best regards,
    Basilis

    January 29, 2017 at 7:04 pm #740001
    Graham

    Thank you for that, I do have that enabled and will use that instead. What I was thinking of was not an out of the box way of working, I found some plugins to do it but would rather keep plugins to an absolute minimum on this site.

    Thanks for your help, I love the support here, and the template is great. Please can you close the ticket for me.

    Graham

    February 1, 2017 at 8:36 am #741067
    Rikard

    Hi Graham,

    Glad we could help and thanks for the feedback :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Masonry Padding’ is closed to new replies.