Support Forum
Support Forum
Offline
Hi. I discovered that the only truly responsive theme offered is Unified--which I really like. One problem I noticed on my site is that the search warning box (the one that says, for example, "The minimum number of characters that can be used for a search word is 4") can barely be seen as it is too large and moreover floats up and above the header on the page. Ditto the similarly implemented messages like "post was saved", etc.) Short of changing the WP theme (responsive), is there a solution for this? This is an issue only with the Unified theme. If I can get it to a look anything like it does on this support forum, for example, that'd be great.
Also, but less importantly, is there a way to decrease the size of the profile info "pop-up"?
Thanks!
Added: I'm on WP 4.0, SP 5.5.1 and am using the Enfold theme (one of the two or three most popular premium themes for WP and otherwise without issue--so far--with SP).
Add 2: Actually, the issue exists on all the themes, including the default--just hadn't noticed before because the messages/warnings were practically invisible on those, again; too big, too high up under the page header.
Offline
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.
Offline
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.
Offline
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!
Offline
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.
Offline
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;
}
All RSS1 Guest(s)