Support Forum

Customizing Reboot.

AT Alex T
Alex T
Member

I’m assuming we have to create a child theme?  Is it the same process as described here: https://simple-press.com/documentation/codex/themes/theme-basics/creating-a-theme/

8 Answers

New Answer

IK Ike
Ike
Member

Hey Alex,

Yep – Same process. Also Reboot is the first theme to support child overlays (although possible in other themes, Reboot comes equipped with the code so no need to add)

Have fun, any questions just ask!

AT Alex T
Alex T
Member

Ike said
Hey Alex,

Yep – Same process. Also Reboot is the first theme to support child overlays (although possible in other themes, Reboot comes equipped with the code so no need to add)

Have fun, any questions just ask!

What do you mean by “support child overlays”.

YS Yellow Swordfish
Yellow Swordfish
Member

I don’t think so Ike. That link s to creating a custom theme not a child theme.

You need this here: https://simple-press.com/simplepress-version-5-5-child-themes/

The proper Codex page on this is being written up at the moment I believe.

IK Ike
Ike
Member

Apologies! I must admit I didn’t check the link assuming as Alex was talking about child themes he was most likely looking at the child theme doc.

Alex – A child overlay allows you to create your own overlay in your child theme. Copy one of the stock overlays from the reboot > styles > overlays folder in to your child themes yourtheme > styles > overlays folder, rename – and change what you want. It will show up at the top of the list in your ‘overlays’ drop down when selecting your child theme.

I would consider holding off on this however, as a child overlay has to be complete (nothing removed) and a few of the immediate fixes update every overlay slightly.

AT Alex T
Alex T
Member

Yellow Swordfish said
I don’t think so Ike. That link s to creating a custom theme not a child theme.

You need this here: https://simple-press.com/simplepress-version-5-5-child-themes/

The proper Codex page on this is being written up at the moment I believe.

I read this, however I missing how to actually create the child theme?  Is that what you mean by being written up?

IK Ike
Ike
Member

Essentially a child theme is just a copy of the parent that only contains the changes.

So if all you wanted to do was change one thing in the stylesheet, here is an example.

Copy the Reboot folder, rename the folder to ‘yourthemename’, rename the stylesheet from reboot.php to yourthemename.php, edit the spTheme.txt in accordance with the article Andy posted above (i.e add Parent: reboot, change stylesheet: reboot.php to Stylesheet: yourthemename.php)

You can then remove everything you don’t want to change, so if we were making a child theme with one change to the stylesheet, all you’d want in your child folder would be the spTheme.txt and the styles folder containing yourthemename.php.

In your stylesheet (yourthemename.php) keep everything until the closing PHP tag ‘?>’ and then add your rules underneath.

If you add something like:

#spMainContainer a.spButton {
     background: red;
 }

And only that, when you load your child theme the first thing that happens is the reboot theme is loaded along with reboot.php (the complete stylesheet) then your child theme is loaded over the top, in this example case overwriting reboot.php’s a.spButton with yourthemename.php’s a.spButton making just the background red, while still retaining all the original button CSS from reboot.php.

You can use templates in your child too, but the included template that you wish to change has to be complete. If you want to make a change to spHeadDesktop.php for example, you would need to copy it to yourthemename > templates > desktop, don’t remove anything from the template itself, just modify the contents.

The same goes for overlays – as I explained above.

And the scope is as large as you want it to be! Hope that helps.

AT Alex T
Alex T
Member

I’m getting this now:

Current Theme

Reboot child 1.0 by Ike Staines, Andy Staines & Steve Klasen

The specified parent theme ‘Reboot’ does not exist

A Simple:Press cross-device/responsive based theme featuring traditional forum layout with numerous colour layout options

 

For some reason in my directory the reboot folder was named reboot3, not reboot.  I went and changed the name in the directory to just reboot. 

MP Mr Papa
Mr Papa
Member

its case sensitive…  and should probably be reboot…