Need CSS snippets for Oxygen theme home page

  • Unknown's avatar
    gerrisayler · Member ·

    Help! I’m looking for snippets of CSS code to help me finish the fine tuning of my home page. I’m so close thanks to previous help with code (many thanks again). I am using the Oxygen theme which is FABULOUS!

    Specifically, I would like to:

    1-change color of post titles that appear front page index of “more articles”

    2-change color of widget headings

    3-add white space/padding between primary menu and home page content

    4-add thin line below top level primary menu

    5-change color of site title but leave tagline as is

    In gratitude … Happy Thanksgiving!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    jcasta · Member · 
    /* more articles */
.wf-active .hfeed-more .entry-title {
    color: #444;
}

/* widget titles */
.wf-active .widgettitle {
    font-size: 1.125em;
}

/* home page padding/space one way of doing it */
.home #masthead {
    padding: 40p 0 30px 0;
}

/* site title */
.site-title a {
    color: #aaffdd;

    Hope that helps a little bit for you. I’m not entirely sure as to what you meant on #4 but if it’s what I think it means try: 

    .wf-active .main-navigation a {
    border-bottom: thin solid #444;
}

    It does look a little strange since there is padding on each menu item if you add that rule to the menu item class.

  • Unknown's avatar
    gerrisayler · Member ·

    Gosh … thanks so much for speedy reply. You’re dealing with a newbie, so I’m not sure where I get the #color to change the colors. Is there a color index with #s somewhere on the site? Thanks again!

  • Unknown's avatar
    justpi · Member ·

    To find the hex numbers for the colors you prefer, you can consult pages such as this one:
    http://www.december.com/html/spec/color.html

    So,

    #5 as jcasta suggested. Add this and change the hex: 

    .site-title a {
    color: #aaffdd;

    #2: jcasta’s suggestion changes the size, not the color. Add this instead, and change the hex: 

    .widgettitle {
color: #123456 !important;
}

    #1: jcasta’s suggestion won’t work, because the post titles are links. Add this instead, and change the hex: 

    .hfeed-more .entry-title a {
color: #456789 !important;
}

    #3 will be clearer to you if you write it this way: 

    .home #masthead {
padding-bottom: 30px;
}

    Change the value to adjust the space.
    But are you sure you want this on the homepage only?

    #4: Do you mean a line below each menu item or a line below the whole menu?

  • The topic ‘Need CSS snippets for Oxygen theme home page’ is closed to new replies.