1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to edit the CSS?

Discussion in 'Styling and Customization Questions' started by DarkGizmo, Jan 5, 2013.

  1. DarkGizmo

    DarkGizmo Active Member

    How do I edit the overall CSS of xenforo? To where I can put in graphics or gradients in the category strip bit? I'm not talking about the color pallette though.
     
  2. MattW

    MattW Well-Known Member

    You can add all your edits into EXTRA.css
     
  3. DarkGizmo

    DarkGizmo Active Member

    Okay thanks.

    One other question, the username dropdown that shows things like "Edit Profile" "Signature" etc.

    As well as the PM/inbox dropdown + alerts dropdowns all have transparent backgrounds and are hard to read on my new skin, how would i make those all have a solid background color? Where can I edit that? (or what do I put in EXTRA.CSS?)

    You can see what i'm talking about here.
     
  4. MattW

    MattW Well-Known Member

    Using chrome to inspect the elements, it looks like it's AccountMenu

    menu.PNG

    The style on your site seems to have them totally transparent, so you could set the transparency in EXTRA.css

    EDIT: Looking a bit closer, it appears to be the .secondaryContent specifically related to the bit in yours which is totally transparent.
    menu2.PNG
     
  5. DarkGizmo

    DarkGizmo Active Member

    So, where would I fix that? :D
     
  6. MattW

    MattW Well-Known Member

    any chance of a test login to your site to try and debug the CSS that is currently there? Is it your own theme or a purchased one?
     
  7. DarkGizmo

    DarkGizmo Active Member

    it's my own theme. I had made up on ZetaBoards, this is a ZB to xF conversion. i'll make a test accont for you and PM you the details, the skin in question is called "Smokey's Try" but yeah i'll go ahead and set you up an account.
     
  8. MattW

    MattW Well-Known Member

    It might be you are just missing a background setting in a template if it's your own theme. Will have a look when an account is ready
     
  9. MattW

    MattW Well-Known Member

    Fixed by adding

    Code:
    .Menu .secondaryContent {
    background-color: rgba(244, 246, 247, 0.96);
    }
    to EXTRA.css as it's a custom theme. Not sure if there is a specific place this can be set though in the style properties?
     
    DarkGizmo likes this.
  10. DarkGizmo

    DarkGizmo Active Member

    Great thanks. :D

    Now i just gotta find out how to edit a few more spots and I think the skin would be done. :)
     

Share This Page