Support » Themes and Templates » Changing Oxygen Theme Main Color Scheme

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter Strangesquatch

    (@strangesquatch)

    Apologies, my blog is http://strangesquatch.tk/blog

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In your Custom CSS section of the dashboard, or Child Theme stylesheet, add this;

    /* Main text color */
    body {
     color: deepskyblue;
    }
    
    /* Post title color for home, archive and search page color */
    .home .hentry .entry-title a:hover,
    .page-template-front .hentry .entry-title a:hover,
    .archive .hentry .entry-title a:hover,
    .search .hentry .entry-title a:hover {
     color: deepskyblue;
    }
    
    /* Post title for other pages */
    a, a:visited, .page-template-front .hfeed-more .hentry .entry-title a:hover, .entry-title a, .entry-title a:visited {
     color: deepskyblue !important;
    }
    
    /* Hover title color */
    .home .hentry .entry-title a:hover,
    .page-template-front .hentry .entry-title a:hover,
    .archive .hentry .entry-title a:hover,
    .search .hentry .entry-title a:hover {
     color: deeppink;
     border-color: deeppink;
    }

    Thread Starter Strangesquatch

    (@strangesquatch)

    I created a child theme. This is my style.css for it:

    /*
    Theme Name:     Strangesquatch Theme
    Theme URI:      http://example.com/                      /* optional */
    Description:    Child theme for the Twenty Twelve theme  /* optional */
    Author:         Your name here                           /* optional */
    Author URI:     http://example.com/about/                /* optional */
    Template:       oxygen
    Version:        0.1.0                                    /* optional */
    */
    
    @import url("../oxygen/style.css");
    
    /* Main text color */
    body {
     color: deepskyblue;
    }
    
    /* Post title color for home, archive and search page color */
    .home .hentry .entry-title a:hover,
    .page-template-front .hentry .entry-title a:hover,
    .archive .hentry .entry-title a:hover,
    .search .hentry .entry-title a:hover {
     color: deepskyblue;
    }
    
    /* Post title for other pages */
    a, a:visited, .page-template-front .hfeed-more .hentry .entry-title a:hover, .entry-title a, .entry-title a:visited {
     color: deepskyblue !important;
    }
    
    /* Hover title color */
    .home .hentry .entry-title a:hover,
    .page-template-front .hentry .entry-title a:hover,
    .archive .hentry .entry-title a:hover,
    .search .hentry .entry-title a:hover {
     color: deeppink;
     border-color: deeppink;
    }

    But when you go to http://strangesquatch.tk/blog/ there is no Oxygen theme, it doesn’t even look like there is a theme. Am I making a mistake?

    I would try changing the top part to:
    `
    /*
    Theme Name: Strangesquatch Theme
    Template: oxygen
    */

    I think those comments might be causing problems.

    Thread Starter Strangesquatch

    (@strangesquatch)

    Thank you Andrew and WPyogi! It worked!

    But I yet still have another few questions. When you go to http://strangesquatch.tk/blog/cryptobiology/2013/02/20/the-top-5-cryptids-of-north-america you can still tell that the post title text color is the same as it was–black.

    Also, when I am using the menu bar in WordPress and I’ll hover over my blog name, all the options (“Dashboard,” “Themes,” “Customize,” etc.) are the color I chose for the text of my blog.

    Lastly and sorry, when I hover over the featured image of a blog post on the homepage, it says “Read Article” but it’s blue.

    Thank you!

    Thread Starter Strangesquatch

    (@strangesquatch)

    Hello?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing Oxygen Theme Main Color Scheme’ is closed to new replies.