Nincs valakinek egy elegáns megoldása erre? Létrehoztam egy különálló css fájlt, de nem töltődik be. Ha nem muszáj, nem szemetelném tele a functions.php fájlt.
PHP kód:
wp_enqueue_style('font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
echo '<style type="text/css">.crunchify-link{padding:7px 18px 8px;color:#fff!important;font-size:12px;border-radius:3px;margin-right:2px;cursor:pointer;-moz-background-clip:padding;-webkit-background-clip:padding-box;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)!important;-moz-box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)!important;-webkit-box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)!important}.crunchify-link:active,.crunchify-link:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff!important}.crunchify-twitter{background:#00aced}.crunchify-twitter:active,.crunchify-twitter:hover{background:#0084b4}.crunchify-facebook{background:#3B5997}.crunchify-facebook:active,.crunchify-facebook:hover{background:#2d4372}.crunchify-googleplus{background:#D64937}.crunchify-googleplus:active,.crunchify-googleplus:hover{background:#b53525}.crunchify-buffer{background:#444}.crunchify-buffer:active,.crunchify-buffer:hover{background:#222}.crunchify-pinterest,.crunchify-pinterest:active,.crunchify-pinterest:hover{background:#bd081c}.crunchify-email,.crunchify-email:active,.crunchify-email:hover{background:#8C8C8C}.crunchify-social{margin:20px 0 25px;-webkit-font-smoothing:antialiased;font-size:12px}.share-list{font-size:14px;line-height:1em;letter-spacing:.25px;color:#fff}.entry-share .share-list{display:flex;align-items:center}.share-list .share{border-radius:15px;margin:5px 0 0}.share-list .share:first-child{margin-top:0}.entry-share .share-list .share{margin:0 0 0 5px}.rtl .entry-share .share-list .share{margin:0 5px 0 0}.entry-share .share-list .share:first-child{margin-left:35px}.rtl .entry-share .share-list .share:first-child{margin-left:0;margin-right:35px}.share-list .url{display:flex;align-items:center;padding:8px 18px;color:inherit!important;text-decoration:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.share-list a:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff!important}.share-list .genericon{font-size:21px;line-height:1em;margin:0 10px 0 0}.rtl .share-list .genericon{margin:0 0 0 10px}.share-list .facebook{background:#6788ce}.share-list .twitter{background:#29c5f6}.share-list .linkedin{background:#3a9bdc}.share-list .googleplus{background:#e75c3c}.share-list .pinterest{background:#bd081c}#shares{position:fixed;opacity:0}.rtl #shares{left:initial;right:50%}.shares-left ul>li{list-style-type:none;margin:1px!important}#shares,.shares-left{transition:opacity .5s ease-in-out}</style>';
Próbáltam így, de nem reagál:
PHP kód:
wp_enqueue_style('font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
echo get_theme_file_uri( '/plugin/social-shares/share.css' );
Könyvjelzők