Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
general-topic
Peek a boo
Avatar
SunRider
Member
Free Members
sp_UserOfflineSmall Offline
Jul 12, 2014 - 1:02 am

I've been using SP for a couple of weeks now and just noticed something.  See the attached image -  what is the green text box that is popping up under my header?  Any way to get it to appear lower so that it can actually be seen and read?

spscreen11.jpgImage Enlargera

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Jul 12, 2014 - 4:25 am

That is the success/failure message shown when you update an item.

Before we talk about that though - your WP theme header there is displaying over the top of quite a few things - as you can see on this page and site. Are you wanting to change any of that or only expose the message box?

Can I have a link to the forum page?

andy-signature.png
YELLOW
SWORDFISH
Avatar
SunRider
Member
Free Members
sp_UserOfflineSmall Offline
Jul 12, 2014 - 11:17 pm

Screen cap was done with forum page scrolled. It actually displays fine (I think).  Forum at  

http://www.srgv.ca/srgv-forum/

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Jul 13, 2014 - 1:25 am

sorry, bit confused.. I dont see the notification... are you saying its there all the time?  or are you saying when it shows, its hidden?

guessing latter, but want to be sure...   your theme is assigning a z-index of 10 to the nav menu for the them... so they may have priority...

since guests cannot post on your site, cannot be sure...

but you could try changing this css in your sp theme:

#spMainContainer #spPostNotifications {

and add a z-index greater than 10...  ie

z-index: 20;

if so, we of course, we recommend you use a child sp theme or copy one of ours so as to keep from losing your changes on upgrades...

if I have misunderstood, please elaborate....

Avatar
Brandon
U.S.
SP Wrangler
Free Members
sp_UserOfflineSmall Offline
Jul 13, 2014 - 3:44 am

A lot of WP themes these days use that header top absolute position and zindex. Maybe we need to look at centering the message instead of positioning it at the top.

Avatar
SunRider
Member
Free Members
sp_UserOfflineSmall Offline
Jul 13, 2014 - 7:33 pm

After applying the z-index fix, the update success messages are now in view.  I have noticed that other actions on the forum generate similar messages which still remain hidden so my assumption is that z-index fixes would be required for all.  I wouldn't know where to start.

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Jul 13, 2014 - 9:37 pm

would need more specifics since we generally use the same message area...  ie post notifications..

Avatar
SunRider
Member
Free Members
sp_UserOfflineSmall Offline
Jul 21, 2014 - 5:52 am

When Editing a User Profile > Usergroups >Show memberships -

when I change a users membership from one group to another, the resulting (what I'm assuming is a "success") dialog box is hidden under the header.

hidden_dialog1.pngImage Enlarger

Avatar
Ike
Sawtry, UK
Member
Free Members
sp_UserOfflineSmall Offline
Jul 21, 2014 - 6:03 am

The 'success/failure' notification can be positioned, as its fixed you can push it anywhere on the page quite easily. If you open the same CSS file you used to change the z-index and:

Firstly find #spMainContainer #spNotification {

And where you see 'top: 70px;'    try changing it to 'top: 150px;'

Should significantly push it down the page, although you can enter whatever size you wish (you can also add left: right: and bottom: depending on where you want it)

Avatar
SunRider
Member
Free Members
sp_UserOfflineSmall Offline
Jul 21, 2014 - 1:21 pm

Am using Unified so changed unified.php as follows:

/* ---------------------
Success/Fail messages
------------------------*/

#spMainContainer #spNotification {
display: none;
z-index: 9999999;
height: auto;
width: 300px;
position: fixed;
top: 150px;
<?php echo($smallRadius); ?>
border: <?php echo($successFailureBorder); ?>;
background: <?php echo($successFailureBackGroundColor); ?>;
text-align: center;
}

There is no change in the position of the notification box after making and saving the changes.  Still hidden behind the header.

Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Mr Papa: 19448
Ike: 2086
Brandon: 864
kvr28: 804
jim: 650
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 619
Members: 17361
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10127
Posts: 79625