Skip to main content

override style css

kjg
Is there any simple way to just override the current styles css? Like adding a custom.css somewhere and it will be read last and that way override any other style Would be a very easy way to get rid of some problems with paper lantern without having to create a new style. // kjg

Comments

8 comments

Date Votes
  • Infopro
    You might find these blog posts of some use: Update Your Style for Version 54 | cPanel Blog cPanel Branding Basics: A Guide for Reseller Hosts | cPanel Blog Or these docs: Guide to cPanel Interface Customization - cPanel Style Development - Software Development Kit - cPanel Documentation
    0
  • kjg
    Hi Infopro, Thank you for the links, and I have reread those and a number of other documents and forum posts. Unfortunately I do not understand it all. More used to work with CMS style overrides and the concept here doesn't seem to be override but instead replace. Cannot find anywhere that it is possible to just add a custom.css to override existing css As I understand It, I need to create a complete new style, add it to /var/cpanel/customizations/styled/thenewstyle/ and after that symlink that style to /var/cpanel/customizations/styled/default_style But I only want to be able to change a couple of elements in the style.css via a custom style.css or similar. Probably it is me not understanding, but to try to explain: If I want to create a whole new style, I create it as above and add it to all users as above. But that makes all accounts using that style and if they change later to another style, the css added there will naturally not be in action. Also updates to paper lantern will not be reflected in this added style so updates have to be added manually each time it is updated. If possible I only want to override the style.css so regardless of what style the user chooses to use, that custom.css will be in action If that is not possible, I can set paper lantern retro as style for all accounts and stop the possibility to change style for the accounts, but I still want updates to paper lantern and retro to be used. So it is a simple override I am looking for. Is this possible somehow? // kjg
    0
  • Infopro
    Override the CSS with what exactly, your own CSS? That's what those docs explain in good detail.
    0
  • kjg
    Infopro Well, that was not helpful. If I say that I have reread those documents and that I maybe do not understand them and because of this asks a question here on the forum, I do not think such an answer is called for
    0
  • Infopro
    My apologies. I'm unclear what you're hoping for here. You asked about modifying the CSS and I provided you links to docs that explain how to do it. If those docs don't make any sense to you, how could your custom CSS overrides be better than the proper way of working with the style, explained in those docs?
    0
  • kjg
    Unfortunately english is not my native language, as it is not for a lot of people out there. ( Yes, I know this might come as a surprise to all of you english speaking people :) So even if I have read the documents several times, I do not understand them. I am not saying anything is better or worse. I am only asking how to do this. Are you saying that if I only create a new style folder: /var/cpanel/customizations/styled/thenewstyle/ and adds only a styles.css with only one element in it (lets say p {color:#ff0; } and symlink that folder to /var/cpanel/customizations/styled/default_style the color on all p elements regardless of styule chosen by the cpanel account user will be #ff0 ?
    0
  • Infopro
    Unfortunately english is not my native language, as it is not for a lot of people out there. ( Yes, I know this might come as a surprise to all of you english speaking people :)

    Yea, that's not helpful here either. Thanks for the clarification though.
    So even if I have read the documents several times, I do not understand them. I am not saying anything is better or worse. I am only asking how to do this.

    The docs explain how. 1 - I logged into a specific cPanel account and open File Manager and create my new style. From the docs: [LIST]
  • For a specific cPanel account " /home/username/var/cpanel/styled/mystyle/
    My new style is here: /home/username/var/cpanel/styled/infoprostyle/ 2 - And then I navigated into that new directory and created an empty file called styles.css 3 - Next I open that file for editing, and add only the example provided in that doc:
    body { background-color: blue; }
    4 - Then I went back to cPanel, used the "Change Style" option on menu, top right corner of cPanel, and on the page that opens, I now see this: 34191 5 - I click Apply on my new style shown there and I end up with this: 34201
    • 0
  • kjg
    Hi Infopro and thank you for the reply So I guess the only way to achieve what I need is to take a full copy of retro and add some styles in that one and make it the default style. Then block possibility to change styles. When cpanel updates retro, I'll just have to do a new copy of retro and add my new style again to that new copy. Thank you. I'll go ahead and do this and see if it works
    0

Please sign in to leave a comment.

Didn't find what you were looking for?

New post