Change the notification position!Urgent!!

  • Resolved snsadat

    (@snsadat)


    8 years, 6 months ago

    Hello,
    Thank you for building such a beautiful plugin.But I am facing some problems.The “site wide notification” is overlaping with my sites logo.So the users can not click on the notification.Rather they click on the logo again and again.I wanted to know if it is possible to change the position of the notification a little bit higher/lower or somewhere else on the page.Please provide me custom css code if it is necessary.
    Please help me as soon as possible!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter snsadat

    (@snsadat)

    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; }

    Plugin Author Shamim Hasan

    (@shamim51)

    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.

    Thread Starter snsadat

    (@snsadat)

    Thank you so much for your reply..but I don’t have any knowledge about firebug..so would you mind explaining the method?please?

    Plugin Author Shamim Hasan

    (@shamim51)

    Please search in google. Here is a link for head start. https://www.studiopress.com/using-firebug/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change the notification position!Urgent!!’ is closed to new replies.