Support Forum

how to change background color in unified theme ?

CP carlo-p
carlo-p
Member

Hello,

 

When using the default theme, the forum has a white background color but when using the unified , the background color is the one from my theme and not forced to white like the default, since I have a dark theme with black background I cannot see everything, so my question is how to have the same white background in the unified theme than on the “default one” ?

Thank you

16 Answers

New Answer

IK Ike
Ike
Member

Hey Carlo,

You can change the background of the Unified theme by adding a background style to the spMainContainer div.

Firstly, we advise that you make a custom or child theme if making changes to any of the default templates, custom themes will enable you to retain your changes upon updating, and child themes will not only retain changes but also the parent theme will receive updates that would have to be manually added to custom themes.

Anyway – You would need to navigate to your themes folder – sp-resources > forum-themes > unified > styles > unified.php

And add something like:

#spMainContainer {
    background: red;
    padding: 5px;
}

You would probably want to add padding, but play around with it and see what works best for your setup.

Hope this helps!

CP carlo-p
carlo-p
Member

thank you for the information, we will try and report here ^^

 

Kind Regards,

CP carlo-p
carlo-p
Member

So We added the following 

#spMainContainer {
background: #ccddcc;
padding: 5px;
border-radius: 10px;
}

 

and it does look pretty nice but we have a couple of problem using unified theme on mobile :

1) Is that theme supposed to be used also on mobile ? All the button look pretty small and I was wondering if there is another special theme for mobile devices ?

2) In portrait mode, on mobile, all the icons (the little key for register etc…) switch to a flat black background color while being displayed properly with transparent background when in landscape mode , any reason for this to happen ?

3) In portrait mode, we cannot login, when we press the login button, the windows animation going down does not play so it does not reveal the login form, it does work well thought in landscape mode.

Kind Regards,

YS Yellow Swordfish
Yellow Swordfish
Member

Same question as the ‘menu’ thread. A link for your forum page would be useful so we can see things.

CP carlo-p
carlo-p
Member

hello,

 

Sure , you can check the website here : www.hyperdevbox.com 

However we switched to the normal theme so let me know if you need we switch temporary back to the unified for your check.

 

Kind Regards

IK Ike
Ike
Member

Hey Carlo,

Yes – if you could please switch back to unified theme, but also just to clarify, please do this through the mobile phone theme selector which can be found in:

WP Admin > Forum > Themes > Mobile Phone Themes.

CP carlo-p
carlo-p
Member

Hello,

 

Theme is changed for mobile and tablets but curiously (and fortunately)…. it seems to work now , I mean it does display on “mobile” mode as it should , the only visual issue we are having now is the “search bar” being displayed below our logo so… if ever you have a hint how display it somewhere else like the bottom or on the top of everything that would be awesome.

 

Kind Regards,

CP carlo-p
carlo-p
Member

However I want to add that tested on Tablet, the unified theme is using a different layout than the one displayed on phone, the tablet is indeed switching to tablet theme but seems to match desktop layout for unified, is that because our tablet is 1920×1080 ? So only now in tablet mode we cannot log-in.

Kind Regards,

CP carlo-p
carlo-p
Member

On mobile phone, alike the search window, the login window does also display below our logo top bar, will be nice to have those search and login windows being displayed somehow in the middle of the screen instead of the top if possible…

Kind Regards,

IK Ike
Ike
Member

Hey Carlo,

Glad you have some of it working. In answer to your question on the tablet, I have not tested the forum on an actual tablet myself, so hopefully someone with more experience can answer this one – but you can set a specific tablet theme also. Have you done this?

As to your search and login problem on mobile, this is down to the header in your theme. It only has a z-index of 400, where our search box and login box have a much higher z-index, but for some reason it is taking precedence over our elements.

You should be able to fix this by lowering the z-index of your themes #header {

By the look of it – and maybe you can confirm this as it’s your theme, but it shouldn’t matter too much what the z-index of your header is because it disappears when scrolling down, so technically isn’t ever over anything?

If so, try changing the z-index to ‘1’

YS Yellow Swordfish
Yellow Swordfish
Member

I get it…

This may depend on how your WP theme creates the menu. If you go to the forum admin >Integration > Page and Permalink panel – is the option to filter WP List Pages turned on? If not please try it.

CP carlo-p
carlo-p
Member

Yes, the WP List Pages is turned on (green) and Allow multiple loading of forum content is also green, all others are not set , should I try to turn WP List Pages OFF ?

YS Yellow Swordfish
Yellow Swordfish
Member

Yes please – that was the suggestion….
But I was rather hoping it was already turned off. This is probably going to come down to the way the menu is being constructed by the theme authors.
Do you have the page title turned off for the forum page? That might be something to look at as well.