Main style.css doesn't overwrite style.css of the plugin

  • Hello!
    I try to overwrite style of the plugin.

    I’ve added this to my theme style.css

    .child_page-container{
margin:5px;
border: none !important;
background-image: url(images/content-bottom.png) !important;
background-repeat: no-repeat !important;
background-position:left bottom;
padding:16px !important;
}

    But the default style of the plugin remains.

    Any idea ?
    Regards.

    https://www.ads-software.com/plugins/child-pages-shortcode/

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

  • you can delete the styles in the plugin styles.css and put them in your mail stylesheet, this will work too if you want it to behave globally.

    wordpress is listing the custom shortcode styles AFTER the main stylesheet, therefore the second stylesheet will take precedence in this conflict.

    if you don’t want to delete the stylesheet just test it out by putting it in comment quotations /* */ .

    let me know if you have any other issues (this works for me)

    Plugin Author Takayuki Miyauchi

    (@miyauchi)

    Please try following code.

    add_filter( 'child-pages-shortcode-stylesheet', 'my_child_pages_shortcode_style' );
function my_child_pages_shortcode_style() {
    return get_template_directory_uri().'/my-child-pages-shortcode.css';
}

    my-child-pages-shortcode.css is your own css in the theme directory.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Main style.css doesn't overwrite style.css of the plugin’ is closed to new replies.