Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 13, 2017 at 10:03 am #733046
    greatliona

    Hi! Im now constructing my webstie,
    And while using the masaonry gallery, I just can’t figure out how to get the same effect of my reference website.
    Please take a look and give me some advices.

    Mine :http://beracahcafe.com/wp-content/uploads/2017/01/mine.png
    Reference:http://beracahcafe.com/wp-content/uploads/2017/01/reference.png

    One can also see the hovering effect on first image.
    Thank you so much!

    January 14, 2017 at 7:11 am #733470
    Rikard

    Hey greatliona,

    Thanks for the screenshots, could you try to explain a bit further what you are looking to achieve and link to the actual pages as well please?

    Best regards,
    Rikard

    January 14, 2017 at 7:44 am #733484
    greatliona

    Sure, sorry for the unclearness.

    there r several differences, but lets deal with two of them…
    1.the background of the title and description, mine is white but the reference is transparent black.
    2.I also wanna change my title and description color to white

    The actual addresses are as following:
    Mine: http://beracahcafe.com/
    Reference: http://www.myguitarfriend.com/

    thanks!

    • This reply was modified 7 years, 10 months ago by greatliona.
    January 17, 2017 at 9:39 am #734594
    greatliona

    Any one any suggestions, please?

    January 17, 2017 at 3:27 pm #734745
    Andy

    Hi,

    1.) Not sure what you mean. Where is the difference? and what do you want to achieve? Or could you already fix it?

    2.) You are already using a custom code which should do the job, but it seems that some other code is blocking it. So remove any custom code you’re using one by one to find out which one is making conflicts.

    Best regards,
    Andy

    January 22, 2017 at 9:11 am #736909
    greatliona

    Hello Andy, Thanks for replying.
    Now I’ve applied the following code:
    .av-masonry-entry-title { color: white !important; }
    .av-inner-masonry-content { background-color: black!important; opacity:0.3;}

    But there are still some differences
    I’ve circled them in the following pictures:
    Mine:http://beracahcafe.com/wp-content/uploads/2017/01/00.png
    Reference:http://beracahcafe.com/wp-content/uploads/2017/01/01.png

    I wanna change the words color into white, and remove the white square in the middle of the photos
    Thank you so much!

    January 26, 2017 at 7:26 am #738757
    Ismael

    Hi,

    Thank you for the update.

    Please use this css code to remove the arrow.

    .avia-arrow {
    display: none !important;
}

    For the color, please look for this css modification.

    .av-inner-masonry-content {
    background-color: black !important;
    opacity: 0.3;
}

    .. replace it with:

    .av-inner-masonry-content {
    background-color: rgba(0,0,0,.5) !important;
}

    Best regards,
    Ismael

    January 27, 2017 at 8:10 am #739258
    greatliona

    Ismael

    These codes work perfectly.
    Thank you so much!

    January 27, 2017 at 8:30 pm #739552
    Andy

    Hi,

    Glad we could help!
    Please take a moment to review our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Andy

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