Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 2, 2019 at 7:05 pm #1096561
    JanMiHero

    Hi,

    I want to set margins to items of left and right side in two column layout with masonry gallery.
    How to define the right css selector or what code should I use to define it globally?

    e.g. I have defined margins for the gallery items in czech version of the page
    (section DALSI INSCENACE)

    But english WPML version doesn has it defined again…
    (SECTION Other productions)

    I have defined it with the css selector code, but its crazy, because every single item has to be defined…
    e.g.
    #av-masonry-1-item-11974 > figure:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
    margin-right: 35px;
    }

    #av-masonry-1-item-11973 > figure:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
    margin-left: 35px;
    }

    The should be some css selector to define it more globally… ?
    Big thanks for any help

    Jan

    May 3, 2019 at 6:36 pm #1096977
    Victoria

    Hey JanMiHero,

    Best regards,
    Victoria

    May 3, 2019 at 6:36 pm #1096978
    Victoria

    Hey JanMiHero,

    Best regards,
    Victoria

    May 3, 2019 at 6:55 pm #1096989
    JanMiHero

    Hi Victoria,

    the screenshot you have posted is how I want to have it (CZ Version).

    Please click on the “EN” version a see all these masonry galleries with very narrow spaces …
    All pages under :
    Production
    >> The Losers
    >> Wall and Handbags
    >> Beach Boys
    >> Collapse
    >> In the Air
    >> EGO

    The problem I want solve is to find some general selector for such galleries, to define a css to all of them…
    Another problem is, when client changes e.g. the sequence of those items, (even in czech version, ) the css is “broken” again.
    (because of css used now on it)

    The goal In general with these masonry galleries is “make a right margin to the items in the first column of masonry gallery e.g. 35px, … and make a left margin to the items in the second column of masonry gallery 35 px.
    Center the title of masonry gallery items
    Make the font-size bigger

    Some advice and help, how to find the right css selector in the enfold theme will be great too.
    Big thanks Victoria

    May 7, 2019 at 2:52 pm #1098083
    Ismael

    Hi,

    Thank you for using Enfold.

    You can apply a custom css class attribute to a specific element so that you can style them separately. Enable the custom css class field first. Here’s how:

    // https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

    Best regards,
    Ismael

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