Okay
  Public Ticket #1118941
shadow / border
Closed

Comments

  •  2
    Albert started the conversation


    HI,

    how to remove small grey shadow / borde around classic enhanced masonry style blog?


  •  3,030
    Andrew replied

     Hi Albert,

    I hope you are having an awesome day and thanks for contacting us regarding your query.

    This can be done with the help of some Custom CSS. Kindly provide me with a link to a page with this so that I may be able to write up some CSS that should work for your setup.

    Looking forward to your reply :)

    Cheers! 

  •   Albert replied privately
  •  3,030
    Andrew replied

    Hi Albert,

    Thanks for your reply.

    You may use the following Custom CSS Code to accomplish this request. 

    /*Removes Shadow From Blog ENhanced Masonry Style*/
    .home .masonry.classic_enhanced .masonry-blog-item .inner-wrap, .blog-recent[data-style*="classic_enhanced"] .inner-wrap{
      box-shadow: none !important;
    }
    

    You may add this to the Custom CSS Code section located by navigating to Appearance>General Settings>CSS/Script Related>Custom CSS Code from your WordPress Dashboard 

    Please let me know if there are any more questions that I can answer for you.  

  •  2
    Albert replied

    Thanks, works great!

    the last question:
    Is it possible to set in CSS so that the shadow under the rectangle with the title of the post, appears only when the mouse over it.

    Now i've set the shadow effect on permanently... but i rather would like to use the animation effect.

  •  3,030
    Andrew replied

    Hi there,

    Thank you for writing back to us.

    This can also be done by using CSS code. Please paste the code below to enable the box shadow effect on hover only:

    /*box shadow on hover*/
    .masonry.classic_enhanced .masonry-blog-item .article-content-wrap:hover, .blog-recent[data-style*="classic_enhanced"] .article-content-wrap:hover{
        box-shadow: 0 0.5px 5px 0 rgba(0,0,0,0.1) !important;
    }

    Hope this gets to help.

    Best regards.

  •  2
    Albert replied

    Unfortunately, this doesn't work... or am I doing something wrong?

  •  3,030
    Andrew replied

    Hi again Albert,

    Thank you for writing back to us.

    In that case, could you please provide me a temporary login credential so I can directly change it directly to your site? Also please remember to reply privately when sending such sensitive information.

    Looking forward to your reply.

    Best regards.

  •  2
    Albert replied

    There's no need to :) .
    I've made a correction, and it's working.

    Thank you for your help!

    /*box shadow on hover*/
    .masonry.classic_enhanced .masonry-blog-item:hover .article-content-wrap, .blog-recent[data-style*="classic_enhanced"] .article-content-wrap:hover
    {
        box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2) !important;
    }