Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 18, 2013 at 8:45 am #189989
    freeethinka

    The Fullwidth Masonry Gallery offers a 1 pixel Gap that I’d like to change to 2 or 3px. Is this possible with Quick CSS and if so, I would appreciate the code. (1px is barely noticeable and “Large Gap” is way to horsey. It’d be nice to have one more choice built in to the theme.)

    Thank you!
    —Freeethinka

    • This topic was modified 10 years, 5 months ago by freeethinka.
    November 18, 2013 at 8:31 pm #190289
    Devin

    Hey freeethinka!

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .av-1px-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
right: 3px;
bottom: 3px;
}

    And adjust as needed.

    Cheers!
    Devin

    November 18, 2013 at 9:07 pm #190298
    freeethinka

    HI Devin and thank you.
    I cut and pasted your CSS into the Quick CSS, Saved, but it no difference. Not sure how to save it in the CSS folder of my theme file. I know where it is located but not sure how to add it—yet—I’m working on that knowledge base next. Nevertheless, it should have kicked in after adding and saving it in Quick CSS. To be sure, pls confirm that the 1 in “.av-1px-gap…” should not be changed. The 3px part of your code is where I enter the desired number correct?

    You guys rock and so does this theme!

    Thank you!
    Freeethinka

    November 19, 2013 at 1:26 am #190406
    Ismael

    Hey!

    Please use this on your Quick CSS:

    .av-1px-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{  right: 3px; }

.av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ margin-right: 3px; }

    Remove browser cache then reload the page a few times.

    Cheers!
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Element Gap adjustment for Fullwidth Masonry Gallery’ is closed to new replies.