Replace shadows around image and container

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Ben Ritner – Kadence WP

    (@britner)

    10 years, 4 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

    Thread Starter jarrii

    (@jarrii)

    10 years, 4 months ago

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

    Theme Author Ben Ritner – Kadence WP

    (@britner)

    10 years, 4 months ago

    Ok try this:

    .boxed #wrapper.container {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
    Thread Starter jarrii

    (@jarrii)

    10 years, 4 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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Replace shadows around image and container’ is closed to new replies.