Removing Default CSS Styles
-
Hi,
Is there any way to remove these default styles for the plugin?
Thanks!
<style type="text/css">
#wpfront-notification-bar-9, #wpfront-notification-bar-editor {
background: #182D40;
background: -moz-linear-gradient(top, #182D40 0%, #182D40 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#182D40), color-stop(100%,#182D40));
background: -webkit-linear-gradient(top, #182D40 0%,#182D40 100%);
background: -o-linear-gradient(top, #182D40 0%,#182D40 100%);
background: -ms-linear-gradient(top, #182D40 0%,#182D40 100%);
background: linear-gradient(to bottom, #182D40 0%, #182D40 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182D40', endColorstr='#182D40',GradientType=0 );
background-repeat: no-repeat;
}
#wpfront-notification-bar-9 div.wpfront-message, #wpfront-notification-bar-editor.wpfront-message {
color: #ffffff;
}
#wpfront-notification-bar-9 a.wpfront-button, #wpfront-notification-bar-editor a.wpfront-button {
background: #00b7ea;
background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
background: linear-gradient(to bottom, #00b7ea 0%, #009ec3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );
color: #ffffff;
}
#wpfront-notification-bar-open-button-9 {
background-color: #00b7ea;
right: 10px;
}
#wpfront-notification-bar-open-button-9.top {
background-image: url(/wp-content/plugins/wpfront-notification-bar-pro/images/arrow_down.png);
}
#wpfront-notification-bar-open-button-9.bottom {
background-image: url(/wp-content/plugins/wpfront-notification-bar-pro/images/arrow_up.png);
}
#wpfront-notification-bar-table-9, .wpfront-notification-bar tbody, .wpfront-notification-bar tr {
}
#wpfront-notification-bar-9 div.wpfront-close {
border: 1px solid #555555;
background-color: #555555;
color: #000000;
}
#wpfront-notification-bar-9 div.wpfront-close:hover {
border: 1px solid #aaaaaa;
background-color: #aaaaaa;
}
#wpfront-notification-bar-spacer-9 { display:block; }.page-template-elementor-template-full-width #wpfront-notification-bar, .page-template-elementor-template-full-width #wpfront-notification-bar-editor { background: #182D40; } .wpfront-notification-bar-spacer { z-index:205; } .wpfront-notification-bar div.wpfront-div { position: relative; display: flex; align-items: center; justify-content: center; padding: 6px 16px !important; font-family: "Ease Standard", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; letter-spacing: -0.02em; font-weight: 400; } .wpfront-notification-bar div.wpfront-div p { width: 100%; text-align: center; } </style>
- You must be logged in to reply to this topic.