WordPress.org

Forums

Eighties
Eighties Header Text Color (5 posts)

  1. paulpar
    Member
    Posted 11 months ago #

    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?

  2. Timothy Bowers
    WPMU DEV Support Staff
    Posted 10 months ago #

    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! :)

  3. agile medien
    Member
    Posted 5 months ago #

    Is it also possible to change the font?

  4. Ivan - WPMU DEV Support
    Member
    Posted 5 months ago #

    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

  5. Ivan - WPMU DEV Support
    Member
    Posted 5 months ago #

    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

Reply

You must log in to post.

About this Theme

About this Topic