Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #733046

    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!

    #733470

    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

    #733484

    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, 11 months ago by greatliona.
    #734594

    Any one any suggestions, please?

    #734745

    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

    #736909

    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!

    #738757

    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

    #739258

    Ismael

    These codes work perfectly.
    Thank you so much!

    #739552

    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

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