Support Forum

Can't override style in reboot child theme

RM Roger Martin
Roger Martin
Member
Member since Jan 2015
18 posts
Feb 20, 2015 · 11:53 am · Edited

I’m using the Reboot theme and created a child theme rebootchild. As a test, I want to change the font size, so I opened sp-resources/forum-themes/rebootchild/styles/rebootchild.php and added this line (it’s the only thing in there):

#spMainContainer { font-size: 2em !important; }

When I refresh the forum the F12 tools confirm that the file is getting to the browser but it won’t recognize the CSS. This is happening in multiple browsers and I confirmed it’s not a browser cache issue.

The only clue that looks out of place is the HTTP response headers are specifying rebootchild.php as text/problem-with-post-edit-buttontml instead of text/css. Not sure why the server is doing that or if it’s relevant, but reboot.php is being correctly sent as text/css.

You can see this for yourself here.

3 Answers

New Answer
YS Yellow Swordfish
Yellow Swordfish
Member
Member since Nov 2008
16,437 posts
Feb 20, 2015 · 12:03 pm

Did you add the header. The child css (php) file will need the following header at the very top of the file:

<?php
header(“Content-Type: text/css; charset: utf-8”);
header(“Expires: “.gmdate(‘D, d M Y H:i:s’, (time()+900)) . ” GMT”);
?>

If you haven’t added that then that is probably the problem.

We are planning to include child theme ‘frameworks’ probably in the next update which will help in the future.

RM Roger Martin
Roger Martin
Member
Member since Jan 2015
18 posts
Feb 20, 2015 · 12:12 pm

That did it. Thanks – I didn’t realize that was required.

YS Yellow Swordfish
Yellow Swordfish
Member
Member since Nov 2008
16,437 posts
Feb 20, 2015 · 12:15 pm

No reason you should without a framework or the proper codex page in place yet. :)
You are a trailblazing early adopter !