The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Toolbar "Notifications" Background Color

View previous topic View next topic Go down

Solved Toolbar "Notifications" Background Color

Post by inallsorts on May 30th 2014, 11:12 am

Greetings to all,

Is It possible to change the background color of the Toolbar "Notifications" area?
Here's a pic:



Also, I'm after a slide effect for the "Notifications" only.
I'm running phpBB3.

Thanks In advanced for all help given.

inallsorts
Forumember

Posts : 246
Reputation : 8
Language : English

Back to top Go down

Solved Re: Toolbar "Notifications" Background Color

Post by Guest on May 30th 2014, 11:55 am

Add this to your CSS:
Code:
#fa_toolbar #fa_right #notif_list li {
background-color: black !important;
}
#fa_toolbar #fa_right #notif_list li.unread {
background-color: grey !important;
}

Change the black and grey to any color/hex color you want.

Guest
Guest


Back to top Go down

Solved Re: Toolbar "Notifications" Background Color

Post by inallsorts on May 30th 2014, 2:52 pm

@Mark wrote:Add this to your CSS:
Code:
#fa_toolbar #fa_right #notif_list li {
background-color: black !important;
}
#fa_toolbar #fa_right #notif_list li.unread {
background-color: grey !important;
}

Change the black and grey to any color/hex color you want.

Thank you so much, the code works perfectly, much appreciated Smile

Is there any way to give It a "slide effect?".
I've coded this but can't get It to work:

Code:

$(window).load(function () {
    $('#fa_notifications').click(function () {
        $('#fa_menulist').slideToggle();
    });
});

Thanks again.

inallsorts
Forumember

Posts : 246
Reputation : 8
Language : English

Back to top Go down

Solved Re: Toolbar "Notifications" Background Color

Post by Jophy on June 1st 2014, 5:13 pm

Try this code:

Code:
$(window).load(function () {
    $('a#fa_notifications').click(function () {
        $('#fa_toolbar #fa_right #notif_list li').slideToggle();
    });
});
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: Toolbar "Notifications" Background Color

Post by inallsorts on June 1st 2014, 7:14 pm

Jophy wrote:Try this code:

Code:
$(window).load(function () {
    $('a#fa_notifications').click(function () {
        $('#fa_toolbar #fa_right #notif_list li').slideToggle();
    });
});

Works perfectly, thank you so much Smile

/Topic.

inallsorts
Forumember

Posts : 246
Reputation : 8
Language : English

Back to top Go down

Solved Re: Toolbar "Notifications" Background Color

Post by Jophy on June 1st 2014, 7:33 pm

Smile

Solved
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum