Please whitelist cPanel in your adblocker so that you’re able to see our version release promotions, thanks!

The Community Forums

Interact with an entire community of cPanel & WHM users!

paper_latern CSS/HTML Question

Discussion in 'User Experience' started by zalocus, Jun 6, 2019.

  1. zalocus

    zalocus Active Member

    Apr 30, 2017
    Likes Received:
    Trophy Points:
    cPanel Access Level:
    Reseller Owner
    I customize currently my paper_latern and I have a few questions,

    First, what I can see from the CSS the theme has no wrapper that wraps all components of the design like navbar, sidebar, content.. these 3 elements are not wrapped into one div so I was forced to edit every element to center the entire theme with space left and right,

    What I did was on
    navbar content & wrap add CSS
    max-width: 1200px
    margin: 0 Auto
    sidebar: left: auto

    and cpanel_body: 3000px

    What is your approach to center paper_latern is there any better method?

    And my second question is about adding HTML elements, I can't find any info in the docs or video how I can add my own HTML to paper_latern, for example, I want above the navbar_cpanel my own header section, is this possible and how I can do this?

  2. cPanelMichael

    cPanelMichael Technical Support Community Manager Staff Member

    Apr 11, 2011
    Likes Received:
    Trophy Points:
    cPanel Access Level:
    Root Administrator
    Hello @zalocus,

    We recommend following the steps documented on the link below when customizing the cPanel interface:

    Guide to cPanel Interface Customization and Branding - Developer Documentation - cPanel Documentation

    Additionally, the following tutorial includes information about UI includes that appears to answer your question about adding custom content to the header or footer of the cPanel interface:

    Tutorial - Create a Custom cPanel Style - Developer Documentation - cPanel Documentation

    If a specific change isn't working as documented, let us know the specific code change you are making and the step-by-step reproduction steps for us to use when reproducing the issue internally.

    Thank you.
    Stop hovering to collapse... Click to collapse... Hover to expand... Click to expand...

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice