WordPress.org

Ready to get started?Download WordPress

Forums

Virtue
[resolved] Replace shadows around image and container (5 posts)

  1. jarrii
    Member
    Posted 8 months ago #

    Hi, I used your code, but it does not work. This is topic, where was problem solved http://wordpress.org/support/topic/how-to-remove-grey-shadowsborders-around-pictures?replies=7#post-4988527 See my webpage http://www.kamnarstvi-zazvorka.cz , image is on footer on the right side. I would like replace shadow around container wrap as well. Can you help me? I use Virtue 1.8.1

  2. Kadence Themes
    Member
    Theme Author

    Posted 8 months ago #

    Yea the issue actually isn't the code but a validation issue with the css in the theme options. I've fixed in version 1.8.3 which you can download here:

    http://wordpress.org/themes/download/virtue.1.8.3.zip

    As for making the container disappear you just need to add this to your custom css:

    .boxed #wrapper.container {
    -webkit-box-shadow: none;
    box-shadow: none;
    }

    Hope that helps,
    Kadence Themes

  3. jarrii
    Member
    Posted 8 months ago #

    I upgraded theme, but I it does not help. I still see shadows around images and around wrapper.container.

  4. Kadence Themes
    Member
    Theme Author

    Posted 8 months ago #

    Ok try this:

    .boxed #wrapper.container {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    }
  5. jarrii
    Member
    Posted 8 months ago #

    I have never known what !important is. I checked it and its good function. Your code works perfect.

    But did not work this declaration for all pictures:

    [class*="wp-image"] {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border:none;}[class*="wp-image"]:hover {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border:none;}

    I had to use direct declaration class

    .footerclass img:hover {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border:none !important;
    }
    
    .footerclass img{
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border:none !important;
    }

    Thx for your time!

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.