Support Forum

Responsive SP theme

SH Shama
Shama
Member

I just read in another thread that there are only two SP themes which are responsive – Unified and Reboot. I checked my forum and realized that I am using the default theme. I guess this means that my forum is not responsive, correct? (I do have a responsive WP theme)

If I install one of these two responsive themes, is this an easy matter of just uploading it, or do I have to reconfigure all the settings and plugins of my present default theme again? Or do all the settings and plugins carry over?

Which theme are you using for the SP forum?

14 Answers

New Answer

IK Ike
Ike
Member

Hey Shama,

Correct, only those two SP themes are responsive, Default not being one of them means when viewing it from a mobile you will still see the desktop version.

If you want to use one of them it’s just a case of uploading it, you won’t need to reconfigure any plugins or settings as they all take place within the forum itself not the theme. Think of it like activating a WordPress theme – Your site stays the same plugin and setting wise, but the visuals change.

We are currently using Reboot here.

The only thing to be wary of is if you are running a custom theme or child theme changing to Unified or Reboot would mean you will loose any changes you’ve made to your themes templates or stylesheet. If this is the case or you want to keep using Default on desktop, you can enable ‘Mobile Theme Support’ in Forum > Themes > Mobile Phone Theme. Once enabled and updated you can then pick Unified or Reboot to be your dedicated mobile theme meaning your desktop could stay as Default.

YS Yellow Swordfish
Yellow Swordfish
Member

Assuming you have not customised your Default theme then no – it should just plugin and work without change. All options and settings are the same.

We use the Reboot theme currently on this site.

Of course, your WP theme itself also needs to be ‘responsive’…

MP Mr Papa
Mr Papa
Member

also, please note, if you want, you can have a different sp theme in use for phones and/or tablets from desktop… so you could keep your current desktop sp theme and then have one of the mobile responsive sp themes kick in for phones or tablets if you like the current sp theme for desktops…

SH Shama
Shama
Member

I purchased and installed the Reboot theme, however it is causing havoc with the forum. When I activated it, it showed up without any formatting. Then I tried to switch back to the previous default theme, and that was now doing the same thing. After going back and forth a few times between the two themes, I got the default one to work again, but as soon as I switch the overlay, the formatting disappears again. What could cause this problem?

And, by the way, my default theme had not been customized in any way.

 

forum_screenshot.png
YS Yellow Swordfish
Yellow Swordfish
Member

The answer might be one of these – https://simple-press.com/documentation/codex/faq/troubleshooting/my-forum-display-is-unformatted-after-an-update/

Try that first. If still a problem then come back and we can re-think…

SH Shama
Shama
Member

Thanks, that fixed the issue. It was the combining and caching of forum CSS files. After I got it to work by unchecking this option, I tried re-enabling it again, but that made the formatting disappear again. So I guess I will have to leave this option unchecked permanently. I wonder why it worked fine for years with this option checked when I used the default theme?

Here is another thing: My side bar shows Member, and then Members. How do I get rid of this?

forum_snap_shot.png
YS Yellow Swordfish
Yellow Swordfish
Member

You found the Orange overlay 🙂

I can see no reason why you should not be able to use the CSS caching. Turn it on and then try the reset in the forum toolbox… Lets make sure what was there before is definitely expunged.

I am going to ask Ike to come back to you on the ‘members’ display a little later on if that is OK.

IK Ike
Ike
Member

It would be my guess that ‘member’ is coming from sp_PostIndexUserRank and ‘members’ is coming from sp_PostIndexUserMemberships.

You can remove which ever one you like, but you will need to make a child theme so these changes are not lost next time Reboot theme updates. Start off by downloading the free Reboot Child Theme Framework from the store and installing it following the instructions on the Creating a Child Theme page – Scroll down and see the section ‘Child Theme Frameworks’.

You will then need to copy in the template spTopicViewDesktop.php from:

sp-resources > forum-themes > reboot > templates > desktop > spTopicViewDesktop.php

to your child themes templates folder i.e:

sp-resources > forum-themes > yourchildtheme > templates > desktop > spTopicViewDesktop.php

Then if you open up the template in an editor and locate sp_PostIndexUserRank on line 137 and sp_PostIndexUserMemberships on line 139 you can simply comment out the one you don’t want to show using the hash method.

SH Shama
Shama
Member

I did the toolbox reset and now I can use the CSS caching again.

Is the text size in the forum controlled by the wp theme or is there a setting to make the text bigger in the forum?

Is it possible to change the link color from red to the typical blue?

SH Shama
Shama
Member

Ike, creating a child theme seems to be a fairly involved process. Shouldn’t it be a normal settings function in the main SP theme to eliminate those duplicate “member” appearances in the side bar? 

It seems to me that creating a child theme and editing the code to get rid of something which shouldn’t be there in the first place is a little complicated.

Is this the process which you used for your forum to clean up the side bar?

IK Ike
Ike
Member

Glad you can now use CSS caching!

It’s a double edged sword really, there are people that want to make use of all the labels possible and those that want to get rid of them. We’ve kept it to the template as it really allows for full customisation of which there is far more than just turning on and off using function arguments.

They should both be there, as sp_PostIndexUserRank displays rank and sp_PostIndexUserMemberships displays membership, and the two can be completely different to each other.

Yes we run our own child theme of Reboot here with quite a few minor changes to suit our needs.

The two other questions you had about changing font size and link colour can be done easily, but again this would be child theme territory. Firstly, font size is controlled via the inherit rule so it will use whatever your WP theme uses but this can be changed in the child theme stylesheet, and secondly where are you seeing red links?

IK Ike
Ike
Member

OK so to change the colour of links in the post content, you’d just add this one block of CSS to your child theme’s stylesheet:

#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:link {
    color: blue;
}

You can replace the colour ‘blue’ with anything you’d like, including hex colours. For example the blue links on your sidebar are #144F92 so just use:

#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:link {
    color: #144F92;
}