Tagged: , , , ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • December 12, 2013 at 7:03 pm #199569
    zerozendesign

    Hey guys,

    Noticing that there is a single effect for hover on masonry blog – Zoom. How would we go about adding a transparent color overlay instead and get rid of the ever strange Zoom effect altogether? Similar to the function at http://peacheyphotography.co.uk/. I am simply going to apply a transparent white overlay. I think this would be useful for others to know too.

    Thanks!

    December 12, 2013 at 10:54 pm #199658
    Yigit

    Hey David!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
-webkit-transform: none;
-moz-transform: none;
transform: none;
opacity: 0.5!important; }

    Cheers!
    Yigit

    December 13, 2013 at 12:29 am #199710
    zerozendesign

    Perfect! Worked like a charm.

    Now – to try to figure out another issue…

    what do I need to do to make the default width of the blog posts 633px wide / centered?

    After you answer this, I’ll post it as a question/answer so it exists independently.

    Thanks Yigit.

    December 13, 2013 at 1:36 am #199725
    Yigit

    Hey!

    Can you post the link to your website?

    Cheers!
    Yigit

    December 14, 2013 at 5:18 am #200148
    zerozendesign
    This reply has been marked as private.
    December 15, 2013 at 4:01 am #200347
    Ismael

    Hey!

    I don’t see the Blog page on your website. Can you please point us to the actual page?

    Best regards,
    Ismael

    December 15, 2013 at 5:04 pm #200425
    zerozendesign
    This reply has been marked as private.
    December 15, 2013 at 5:48 pm #200426
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .fullsize .big-preview.single-big { 
max-width: 800px; margin: 0 auto; }

    Best regards,
    Yigit

    • This reply was modified 10 years, 4 months ago by Yigit.
    December 15, 2013 at 7:32 pm #200475
    zerozendesign
    This reply has been marked as private.
    December 15, 2013 at 7:40 pm #200479
    Yigit

    Hey!

    It seems like code is not being applied. Can you try adding the code to Custom.css file inside Enfold/Css folder and see if that works?

    Cheers!
    Yigit

    December 15, 2013 at 7:41 pm #200481
    zerozendesign

    Will give it a try later and report back.

    December 16, 2013 at 3:52 am #200560
    Yigit

    Hi!

    Sure, i am leaving this thread open. Waiting to hear from you

    Best regards,
    Yigit

    December 17, 2013 at 11:03 am #201036
    zerozendesign
    This reply has been marked as private.
    December 18, 2013 at 3:57 am #201367
    zerozendesign
    This reply has been marked as private.
    December 19, 2013 at 3:02 am #201822
    zerozendesign

    Yigit – UPDATE

    Seems to be working now. Not sure why – but it is.

    Marking as Complete

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Enfold > Masonry Blog > hover effect’ is closed to new replies.