WordPress.org

Support

Support » Themes and Templates » Eighties » Eighties Header Text Color

Eighties Header Text Color

  • In the Eighties WordPress theme, is there any way to make the site Title and the Tagline different colors? Say, a black title and an orange tagline, or do they have to be the same color?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Timothy Bowers

    @gmax21

    WPMU DEV Support Staff & WCEU Contributor Day 2016

    Hey there.

    I don’t have the theme installed (I looked at the demo site) so I don’t know if there are any admin options for this, or a CSS area but if you want to change the colours you can do it with this CSS code:

    .site-title a{
    color: #000;
    }
    .site-description {
    color: #FFCC00;
    }

    If for some reason that doesn’t work you can pull the big guns with !important, but try to avoid this unless it’s really needed. It’s a handy tool, but it takes the CSS out of the natural order of things.

    .site-title a{
    color: #000 !important;
    }
    .site-description {
    color: #FFCC00  !important;
    }

    There is a chance that the theme has a CSS field in the options, if not then you can make a child theme:

    http://codex.wordpress.org/Child_Themes
    http://premium.wpmudev.org/blog/create-wordpress-child-theme/

    Or you can instead use a plugin if you like:

    http://wordpress.org/plugins/custom-css-manager-plugin/screenshots/

    http://wordpress.org/plugins/my-custom-css/screenshots/

    http://wordpress.org/plugins/pc-custom-css/

    http://wordpress.org/plugins/imporved-simpler-css/screenshots/

    Have a fantastic day! 🙂

    Is it also possible to change the font?

    Hi Agile,

    Hope you a having great day so far!

    You can change the fonts too. There is few different ways depending if you want to use some custom fonts that you want to upload to the site, or use something like Google Fonts

    But I will focus now on the fonts that should be available for every Operating System and browser.

    This is the list that should be supported by every browser. I am saying “should” because this is not hard standard and it depends from the browser developer if they will support this.

    Andale Mono
    Arial
    Arial Black
    Comic Sans MS
    Courier New
    Georgia
    Impact
    Times New Roman
    Trebuchet MS
    Verdana
    Webdings

    You can use any of these like this

    .site-description {
       font-family: Comic Sans MS;
    }

    Using the recommended methods in the Tim post – either a child theme or a plugin like this one – https://wordpress.org/plugins/simple-custom-css/

    Let me know if this helps, or if you want to use custom fonts.

    Thanks,
    Ivan

    Hey Agile,

    Forgot to mention about fallback fonts.

    This is done in case when visitor is on your site and the browser he is using doesn’t support the font you specified.

    In such cases we use fallback fonts – preferably one or two more than the main one. That way if the first font is not found the browser will look for the second, and if the second is not recognized, will look for font-family. The last rule should be generic family like ‘sans-serif’, so the browser can show at least something similar to the font you intended.

    To use fallback fonts your code should look something like this:

    .site-description {
       font-family: Times New Roman, Verdana, sans-serif;
    }

    Hope this makes sense.

    Thanks,
    Ivan

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Eighties Header Text Color’ is closed to new replies.
Skip to toolbar