Hey Sportsfan,

Yep, Unified is a great theme, have you set it as the specific mobile and tablet theme? or are you referring to web, and just running your web forum incredibly tight and narrow?

Might help if you could provide a link to your forum.

Hi Ike. I’m referring to the regular web, full page (i.e., not narrow).  Here’s the link to the forum:  http://www.centrodemaestros.mx/foros  (temp)  Please note that I’ve only uploaded the plugin and have made no modifications.  Please hit the “search” button (for example) with fewer than four characters entered.  You will see where the “At least four characters” box is barely visible at the top of the page and under the site header.  (The “warning” is in Spanish as it comes in the SP core.  I will translate the Unified theme into Spanish and correct a bit of the core translation as soon as I check for missing strings (I found two so far in the Unified…but I digress..).

It appears in part to be a z-index thing, but that doesn’t account for the placement of the box–way up top.

Thanks.

Ah I see, OK.

Well this one’s a pretty straight forward fix. You can forget about the hassle of trying to sort the Z-Index for the header, it has a far lower index than the message and is still on top of it!

Instead, you can adjust the position of the message. So open your theme folder and find your theme stylesheet, using unified as an example:

sp-resources > forum-themes > unified > styles > unified.php

find the rule

#spMainContainer #spNotification {

You should see that it is positioned from the top of the screen using ‘position: fixed;’ and ‘top: 20px’. This allows you to change how far from the top you want it to be. For a test I changed the top value locally to 180px, and it pushed it down significantly. Give that a try and see if you can get what you need from it..

But while there, I did notice your search button is underneath the input box which is a problem being inherited from the WP theme forcing display: block; on the text field. You can correct this if you wish by adding display: inline; to the rule so it would then look like:

#spMainContainer .spSearchForm input.spControl {
    font-size: 80%;
    display: inline;
}

Hope this helps!

Thanks, Ike!  For the issue I presented, I entered the 180px value and the positioning is now perfect.

As to the second issue: I had not noticed, but glad you did.  Where do I add the inline rule?  In the same php file?  Because in that php file, this is what appears:

#spMainContainer .spSearchForm input.spControl {
font-size: <?php echo($buttonFontSize); ?>;
}

Relatedly, I think I’d better make a child theme.  (I’ve made WP child themes before, but it appears the child theme rules for SP are a bit different.)

Also: Can you please delete my URL in the post above?  A little privacy will allow me to keep learning SP unabashedly.

Again, thanks very much.

Sorry, for some reason mine says 80%!..

You’re in the right place, just add after the font size:

display: inline;

So it will then appear as:

#spMainContainer .spSearchForm input.spControl {
    font-size: <?php echo($buttonFontSize); ?>;
    display: inline;
}

Done–and looks good.  I’m guessing you have 80% so that the Search button font is the same size as the other buttons.  At any rate, thanks again for solving this issue!

Not a problem glad to help