I have added this custom css in the settings of FEP.I have added 3px in the margin of fep notification bar.though the position changes,nothing happens if someone clicks on the notification of unread message.Please help!!
/*Menu Styling*/
#fep-menu
{
color: #333;
width: 100%;
font-size: 14px;
font-weight: bold;
}
#fep-menu .fep-button,.fep-button,.fep-button-active {
display: inline-block;
color:#000000 !important;
font-size:13px;
background:#F0FCFF;
border: 1px solid #8FBFC9;
padding:10px 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right:10px;
margin-top:10px;
font-weight:bold;
text-decoration:none !important;
cursor: pointer;
}
#fep-menu .fep-button:hover,.fep-button-active {
background:#D3EEF5;
color: #333;
font-size: 14px;
}
#fep-notification-bar
{
color: black;
background-color: #FFEBE8;
position: absolute;
border-color: #C00;
width: 100%;
text-align: center;
font-size: 12px;
font-weight: bold;
border-width: 1px;
border-style: solid;
padding: 0.6em;
margin: 3px 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 999;
}
.fep-font-red { color: #FF0000; }
You can use firebug or something like that and change css as you need then add that code in FEP settings page in “Custom CSS” field.
Thank you so much for your reply..but I don’t have any knowledge about firebug..so would you mind explaining the method?please?
Please search in google. Here is a link for head start. https://www.studiopress.com/using-firebug/