Removing Header Image Shadow

  • haruharaizzy

    (@haruharaizzy)


    7 years, 11 months ago

    Hi,

    I was wondering how I could remove the shadow on the header image

    I tried a few bits of CSS I found on google but none of them work.

    Many thanks
    Izzy

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Dimitrakopoulos

    (@effpandim)

    7 years, 11 months ago

    Hi @haruharaizzy

    Thank you for using Ef Practical theme.

    Paste this code to customize -> Additional CSS

    .header-image {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    Regards.

    Thread Starter haruharaizzy

    (@haruharaizzy)

    7 years, 11 months ago

    Hi, thank you for that. It didn’t work but I think it’s an issue with the child theme as I can’t get other tidbits to work either.

    Thanks 🙂

    Theme Author Dimitrakopoulos

    (@effpandim)

    7 years, 11 months ago

    Hi @haruharaizzy

    in function.php paste:

    // Add style.css
function practical_child_enqueue_styles() {
    wp_enqueue_style( 'child-style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'practical_child_enqueue_styles', 11 );

    and style.css

    
/*
Theme Name: Ef Practical Child Theme
Author:
Author URI:
Description:
Version: 1.0.0
Template: ef-practical
*/

@import url("../ef-practical/style.css");

.header-image {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    Inform me if it works.

    Regarts

    Thread Starter haruharaizzy

    (@haruharaizzy)

    7 years, 11 months ago

    Hi @effpandim

    I can paste into function.php but I get an @import not allowed here when I try save the style.css

    Theme Author Dimitrakopoulos

    (@effpandim)

    7 years, 11 months ago

    Hi @haruharaizzy

    Create from the beginning a new child theme and add inside what I have already written in the above message.

    Regards

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Removing Header Image Shadow’ is closed to new replies.