Hi, I would like to change the width of all my webpages which is using this theme. I have created a child theme. I followed steps to create the page.php file in my child theme and have changed the “site-main large-8” to “site-main large-12” in the page.php file. However, when I reload my site, nothing changes. I have also tried to change the .row {max-width: 75.125em; } to .row {max-width: 120.125em; } in the foundation.css file. Unfortunately, nothing changes as well. I have disabled my cache plugins. Could anyone guide me on how to change to wider page width correctly? Your help is much appreciated.

Hello,

I was trying to create a child theme based on Zircone, but I ran into some trouble with it not loading foundation.css. After a bit of poking around, I realized it was looking for it in my child theme’s folder. So the fix was to change line 107 of functions.php to use get_template_directory_uri() instead of get_stylesheet_directory_uri(). Now everything’s working great.

If you could please change this, it’d prevent me from having to do this after every update. It’d also prevent others trying to make a child theme from running into the same issue.

Thanks!

Sources:
https://codex.www.ads-software.com/Function_Reference/get_stylesheet_directory_uri (4th paragraph spells out the fix)

EDIT: Line 116 for genericons.css needs to be changed as well.