The Community Forums

Interact with an entire community of cPanel & WHM users!
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Changing the color of letters in the Theme

Discussion in 'User Experience' started by Ezequias, Apr 14, 2011.

  1. Ezequias

    Ezequias Member

    Joined:
    May 4, 2010
    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    1
    Hello folks, I'd like to chage in my theme the colors of the letters where it says, "preferences", "mails", "files", I wanna change the color of this letters. How can I do that? i was trying to find in the css file, but I couldn't find the correct string for it, the css i'm looking for is the one in /usr/local/cpanel/base/frontend/x3/css.

    Here is the screenshot of what specifically i wanna change.
     

    Attached Files:

    • pic.jpg
      pic.jpg
      File size:
      79.7 KB
      Views:
      105
  2. Infopro

    Infopro cPanel Sr. Product Evangelist
    Staff Member

    Joined:
    May 20, 2003
    Messages:
    14,456
    Likes Received:
    195
    Trophy Points:
    63
    Location:
    Pennsylvania
    cPanel Access Level:
    Root Administrator
    Twitter:
    Have you tried working with the Branding tools in cPanel?
     
  3. Ezequias

    Ezequias Member

    Joined:
    May 4, 2010
    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    1
    yes, all that I did so far was working with the branding in cPanel, but I didn't find where to change the colors of the letters that I wanted. If is there, can you point me to the right place?
     
  4. Infopro

    Infopro cPanel Sr. Product Evangelist
    Staff Member

    Joined:
    May 20, 2003
    Messages:
    14,456
    Likes Received:
    195
    Trophy Points:
    63
    Location:
    Pennsylvania
    cPanel Access Level:
    Root Administrator
    Twitter:
    /usr/local/cpanel/base/frontend/x3/branding/theme_name/local.css

    or

    /usr/local/cpanel/base/frontend/x3/css/combined_optimized.css

    Might be good places to check according to Firebug.
     

    Attached Files:

  5. Ezequias

    Ezequias Member

    Joined:
    May 4, 2010
    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    1
    print.jpg I created my own branding and theme so the path would be

    /usr/local/cpanel/base/frontend/x3Gigahost/branding/Mybranding/local.css

    BUT, I can't find Mybranding in the Branding folder, is not there, also root is not there, I created two branding using the branding tools, then clicked over created, did all the process, put images/logos etc, but is not in this folder above. Also local.css

    Using google chrome developer tools, I found this:
     
  6. cPanelTristan

    cPanelTristan Quality Assurance Analyst
    Staff Member

    Joined:
    Oct 2, 2010
    Messages:
    7,623
    Likes Received:
    21
    Trophy Points:
    38
    Location:
    somewhere over the rainbow
    cPanel Access Level:
    Root Administrator
    It appears your post might be cut off as I don't see anything after your mention of Google Chrome developer tools on what was found.
     
  7. Ezequias

    Ezequias Member

    Joined:
    May 4, 2010
    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    1
    Sorry, I misplaced the print, click over print.jpg is in the beggining of the Message.
     
  8. Ezequias

    Ezequias Member

    Joined:
    May 4, 2010
    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    1
    Anyone who could help me?
    I need to finish this week :(
     
  9. Infopro

    Infopro cPanel Sr. Product Evangelist
    Staff Member

    Joined:
    May 20, 2003
    Messages:
    14,456
    Likes Received:
    195
    Trophy Points:
    63
    Location:
    Pennsylvania
    cPanel Access Level:
    Root Administrator
    Twitter:
    What happens if you create the needed directory and file(s)?
     
  10. Ezequias

    Ezequias Member

    Joined:
    May 4, 2010
    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    1
    Hi,
    Well, I can create this file, but what values should I put inside of it?
    I'd like to know in order to change the colors of the letters, but I'm kinda new to creating a full CSS, thought would be more simple.
     
  11. cPanelTristan

    cPanelTristan Quality Assurance Analyst
    Staff Member

    Joined:
    Oct 2, 2010
    Messages:
    7,623
    Likes Received:
    21
    Trophy Points:
    38
    Location:
    somewhere over the rainbow
    cPanel Access Level:
    Root Administrator
    You could copy an existing local.css file on the system such as:

    Code:
    cp /usr/local/cpanel/base/frontend/x3/branding/local.css /usr/local/cpanel/base/frontend/x3Gigahost/branding/Mybranding/local.css
    Provided the /usr/local/cpanel/base/frontend/x3Gigahost/branding/Mybranding/ path exists.
     
  12. Ezequias

    Ezequias Member

    Joined:
    May 4, 2010
    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    1
    That'd be ok, but wich line of this file would be the one who I can change the colors that I wanted?
    Having this, that'd be fine :D
     
  13. cPanelTristan

    cPanelTristan Quality Assurance Analyst
    Staff Member

    Joined:
    Oct 2, 2010
    Messages:
    7,623
    Likes Received:
    21
    Trophy Points:
    38
    Location:
    somewhere over the rainbow
    cPanel Access Level:
    Root Administrator
    I don't actually know at this point. Can you try copying the existing one to that location and then try editing it first?
     
  14. Ezequias

    Ezequias Member

    Joined:
    May 4, 2010
    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    1
    Check this out:
    user@server [/usr/local/cpanel/base/frontend/x3/branding]# cat local.css
    body{background-color:#E6E6E6}

    This file has just this? it doesn't have more info as it should I think.
     
  15. cPanelDavidG

    cPanelDavidG Technical Product Specialist

    Joined:
    Nov 29, 2006
    Messages:
    11,279
    Likes Received:
    8
    Trophy Points:
    38
    Location:
    Houston, TX
    cPanel Access Level:
    Root Administrator
    I just noticed this thread. I'm going to skip past the prior discussion.

    First, you'll want Firefox with the Firefox extension called Firebug installed. Restart your browser and enable Firebug. Then inspect that element. You may find that there is a CSS class governing all of those elements.

    Then, go into the Branding Editor and on the style you want to customize, edit and then edit stylesheet. You will notice a glaring lack of CSS there (in fact there is probably just 1 line like you mention in the latest post). Insert the CSS code you want here, this will override any CSS we supply.

    Note, please use the branding editor. Manually editing files can have unpredictable results if you are not very intimately familiar with our branding system.
     
Loading...

Share This Page