Enqueue style without affected by some equivalent codes in style.css

I Created a plugin and I installed on the twentysixteen default WordPress theme my plugin based on Bootstrap framework. I’m registered the bootstrap files as shown below

wp_enqueue_style( ‘bsn-css’, plugins_url( ‘/css/bootstrap.css’, __FILE__ ) );
wp_enqueue_style( ‘bsn-theme-css’, plugins_url( ‘/css/bootstrap-theme.css’, __FILE__ ) );
wp_enqueue_script( ‘bsn-js’, plugins_url( ‘/js/bootstrap.js’, __FILE__ ), array( ‘jquery’ ), null, true );

In the bootstrap menu, I removed the caret row near the dropdown menus but in the twentysixteen style.css file have this CSS code that affects on the bootstrap menu in my plugin and adds the caret to my menu.

I need the way to register scrip or style files until don’t affect (or remove the affection) by any equivalent JS or CSS codes that previously registered.

.dropdown-toggle:after {
border: 0 solid #d1d1d1;
border-left-width: 1px;
content: “f431”;
font-size: 24px;
left: 1px;
position: relative;
width: 48px;
}

Read more here:: Enqueue style without affected by some equivalent codes in style.css

Leave a Reply

Your email address will not be published. Required fields are marked *