Load specific css file in shortcode - wordpress

Question

I am making one plugin which has functionality using shortcode , While shortcode will place in the page , it will return a well desgin form For example : https://www.screencast.com/t/XTteV6u8qw

Now if I add bootstrap css/classes my current theme went messed up,

I want functionality like in any theme my shortcode function display design will remain same. Any idea about how it is possible ?

Any information on this would be greatly appreciated. Thanks!

This one all help you... wordpress.stackexchange.com/questions/165754/… — Kirit Patel
– Kirit Patel, Commented May 18, 2017 at 8:46

Kirit Patel · Accepted Answer · 2017-05-18 08:27:39Z

1

You could write the internal css of that shortcode content like below example.

function shortcode_func( $atts ) {

   $returnString = '<style>';
   $returnString .='#shortcode-id{background-color:yello;}';
   $returnString .= '</style>';

   $returnString .='<div id="shortcode-id"></div>';
   return $returnString;
}

add_shortcode( 'shortcode-name', 'shortcode_func' );

answered May 18, 2017 at 8:27

Kirit Patel

1229 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Load specific css file in shortcode - wordpress

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related