zpskeleton custom css

I'm looking to customize the zpskeleton theme with some of my own css. In the options panel there is a section that allows for custom css code that "safely carries over upon theme upgrade."

How exactly is css code entered in this box? I have tried a couple of combinations of tags and nothing is recognized. Essentially all I want to do is change some of the fonts and colors. So for example to change the font family I entered the following into the box and it wasn't loaded:

h1, h2, h3, h4, h5, h6 {
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
}

I also tried wrapping it in head tags, body tags, etc. without any luck.

Thanks for the help.

Comments

  • gjr Member

    So for example to change the font family I entered the following into the box and it wasn't loaded:

    h1, h2, h3, h4, h5, h6 {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

    yes you are doing it correctly (minus the extra bracket at the end). What versions are you using (zenphoto and theme). You can look at the source as this css is inserted into the head of the html document. You can also use browser development tools to see if your custom css is getting overruled.

    If you provide a link as well you will get a more helpful response.
  • Thanks for the reply. Yes, that bracket was a cut/paste mistake. Regardless I couldn't make it work so I just duplicated the theme and customized the css file to my liking. All is good.
Sign In or Register to comment.