monsterit Posted May 14 Share Posted May 14 Hi all, It appears the custom.css is not applying to any of my twenty-one child themes. I cloned the theme and then started to edit it but most css needs to be edited on theme.min.css or theme.css. I even created a custom page using Creating Pages - WHMCS Developer Documentation However that's not picking up my custom.css. Any ideas would greatly be helpful. page is https://order.monster-it.co.uk/tos.php 0 Quote Link to comment Share on other sites More sharing options...
zomex Posted May 15 Share Posted May 15 Checking your page custom.css is showing in source. See attached. 0 Quote Link to comment Share on other sites More sharing options...
monsterit Posted May 15 Author Share Posted May 15 (edited) Yet for some reason any amendments or changes in the custom.css does not show it's taking it all from theme.min.css, even though i've added !important at the end any ideas why? I can manually put the styling on the tpl page and it shows fine but if i move it to my custom.css and breaks everything for that page. for now the styling is placed in theme.min.css which is not ideal and will have to re add everytime it's updated. Edited May 15 by monsterit added more info 0 Quote Link to comment Share on other sites More sharing options...
Evolve Web Hosting Posted May 15 Share Posted May 15 @monsterit Did you clear your template cache? 0 Quote Link to comment Share on other sites More sharing options...
monsterit Posted May 16 Author Share Posted May 16 17 hours ago, Evolve Web Hosting said: @monsterit Did you clear your template cache? Yeah that's been cleared. 0 Quote Link to comment Share on other sites More sharing options...
Evolve Web Hosting Posted May 21 Share Posted May 21 @monsterit what is the contents of your theme.yaml file? 0 Quote Link to comment Share on other sites More sharing options...
monsterit Posted May 21 Author Share Posted May 21 13 minutes ago, Evolve Web Hosting said: @monsterit what is the contents of your theme.yaml file? # WHMCS Monster Theme Configuration File name: "Monster Theme" description: "AMended and custom theme from WHMCS 2021" author: "WHMCS Limited & Monster IT" properties: serverSidePagination: false # Defines client side will handle pagination provides: bootstrap: 4.5.3 jquery: 1.12.4 fontawesome: 5.10.1 0 Quote Link to comment Share on other sites More sharing options...
Solution Evolve Web Hosting Posted May 21 Solution Share Posted May 21 (edited) @monsterit Add this right above Properties config: parent: "twenty-one" It allows you to only copy the files that you want to modify into your custom theme folder (for example if you're not editing login.tpl then you don't need to copy the twenty-one version of login.tpl into the custom theme folder. Hopefully that gets you on the right track. The 'name' in your theme.yaml file is different than what you are showing in your source code. 'Monster Theme' vs. 'MonsterITTheme' so update your theme.yaml name to 'MonsterITTheme' Edited May 21 by Evolve Web Hosting 0 Quote Link to comment Share on other sites More sharing options...
monsterit Posted May 21 Author Share Posted May 21 26 minutes ago, Evolve Web Hosting said: @monsterit Add this right above Properties config: parent: "twenty-one" It allows you to only copy the files that you want to modify into your custom theme folder (for example if you're not editing login.tpl then you don't need to copy the twenty-one version of login.tpl into the custom theme folder. Hopefully that gets you on the right track. The 'name' in your theme.yaml file is different than what you are showing in your source code. 'Monster Theme' vs. 'MonsterITTheme' so update your theme.yaml name to 'MonsterITTheme' I've amended that now to have config etc on it and the right theme name. So now it should pickup only what i've changed in terms of files? 0 Quote Link to comment Share on other sites More sharing options...
Evolve Web Hosting Posted May 21 Share Posted May 21 4 minutes ago, monsterit said: I've amended that now to have config etc on it and the right theme name. So now it should pickup only what i've changed in terms of files? Yes, it should. Just clear your template cache and you might need to check it in a private window at first in case browser caching interferes. 0 Quote Link to comment Share on other sites More sharing options...
Damo Posted May 22 Share Posted May 22 No need for a private window. Use the URL parameter to skip the caching. To preview the theme, you can use the ?systpl=xxxx where xxxx is the theme. 0 Quote Link to comment Share on other sites More sharing options...
monsterit Posted May 22 Author Share Posted May 22 Nope, If I don't have every file/css/js and breaks the entire layout. 0 Quote Link to comment Share on other sites More sharing options...
Evolve Web Hosting Posted May 22 Share Posted May 22 1 hour ago, monsterit said: Nope, If I don't have every file/css/js and breaks the entire layout. @monsterit That isn't typical behavior because I have it setup the same way that I'm telling you to set yours up. Something else is going on that is going to be hard to troubleshoot without FTP access. I am not asking for access though. My guess is that something is still wrong within the theme.yaml file. 0 Quote Link to comment Share on other sites More sharing options...
monsterit Posted May 22 Author Share Posted May 22 2 minutes ago, Evolve Web Hosting said: @monsterit That isn't typical behavior because I have it setup the same way that I'm telling you to set yours up. Something else is going on that is going to be hard to troubleshoot without FTP access. I am not asking for access though. My guess is that something is still wrong within the theme.yaml file. Could you share your theme.yaml file with me if possible please. I just took a clone of twenty-one and then started changing it. 0 Quote Link to comment Share on other sites More sharing options...
monsterit Posted May 22 Author Share Posted May 22 Found it, my Yaml theme file was a bit different with an extra space in it on the parent section. 0 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.