WordPress.org

Support

Support » Themes and Templates » [Resolved] Darkening Font Colors in SPUN Menus and Footer

[Resolved] Darkening Font Colors in SPUN Menus and Footer

  • Voice4allbeings
    Member

    @voice4allbeings

    This is a beautiful template. It’s exquisitely subtle, which I love, however I need to make it a bit less subtle so that my eyes can see it. I’m a WordPress Newbie and I’ve figured out a lot… including how to change the font color in the header, change the background, align the circles on the Main page, etc., but I can’t figure out how to:
    #1. Change the font color of the Menu/Page listings in the top right corner;
    #2. Change the font colors of the search box, etc., below the circle posts;
    #3. Change the font color of the footer;
    #4. Change the order of the circle posts (without deleting and re-posting in my preferred order that is).
    Please HELP!
    Thank you!
    Site is http://www.wellness4allbeings.com

Viewing 15 replies - 16 through 30 (of 36 total)
  • KromaInk
    Member

    @kromaink

    Hello I am trying to follow along with this post.

    I am trying to do the same thing, but
    A. My Custom CSS Manager is showing up under appearance and not setting.
    B.Even with that code my site looks the same.

    Please advise.

    Voice4allbeings
    Member

    @voice4allbeings

    Kromalnk, that’s the same thing that happened here. Maybe you’ve already done this, but if you haven’t, before you do anything else, be sure to follow all the instructions to completely back up your web-site and your WordPress files. I didn’t and it cost me a lot of hours and a lot of aggravation.

    Andrew Nevins
    Forum moderator

    @anevins

    @kromaink please note that it’s too much work for a volunteer to tackle more than one person’s issue at the same time. If you have the same issue then you can wait for the answer I give to Voice4allbeings, otherwise create your own thread.

    @voice4allbeings, what stage are you at, do you have the correct “Custom CSS Manager” part of the dashboard?

    Voice4allbeings
    Member

    @voice4allbeings

    Hi, Andrew! Where I am now:
    #1. Arranging for regular reliable backups has flown to the top of my priority list. I researched a lot of ways to backup the website. It seems the simplest for me is to use my Dropbox account and the PlugIn, WordPress Backup to Dropbox. So I installed that PlugIn and linked it to my Dropbox account. I have regularly scheduled backups now. I feel I can recover more easily from trouble I get myself into.
    #2. I reinstalled and activated the Custom CSS Manager plugin. When I click on Appearance, the screen I get now, is a screen with a box into which I’ve put the code you supplied. I haven’t found the Screenshots portion of the CSS plugin, that you used when you sent me this link, http://wordpress.org/plugins/custom-css-manager-plugin/screenshots/, so I don’t know how to send you the screen shot of what I see. But what I see looks a lot like what is in the screenshot you sent me, except of course I put the code you gave me into the box.

    Voice4allbeings
    Member

    @voice4allbeings

    When I load the web-site, I still can’t see the “HOME” in the upper right hand corner or the +/- circle below the area where posts are placed. How can I change the type font and color of the “HOME” in the upper right hand corner and the color of the +/- circle below the area where posts are placed, so that I can see them slightly at least, when the page loads, and BEFORE I hover over them? I did that for the Header … I can see the words in the Healer when I load the page. Then when I hover over the Header, it gets darker exactly the way I want it …but that seemed easy … anyway the Header looks the way I want the “HOME” and the +/- circle to look … slightly visible upon first loading the page. http://www.wellness4allbeings.com. BTW I’m REALLY good with holistic animal wellness in case you have a pet at home, I can “give back” to you for your help.

    Andrew Nevins
    Forum moderator

    @anevins

    I don’t know how to send you the screen shot of what I see

    Use Snaggy http://snag.gy/

    I still can’t see the “HOME” in the upper right hand corner

    Sounds like you need add this CSS:

    header { opacity: 1; }

    How can I change the type font and color of the “HOME”

    .main-navigation a {
     /* http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html */
     font-family: arial;
     /* http://www.w3schools.com/cssref/css_colornames.asp */
     color: deeppink;
    }

    and the color of the +/- circle

    .sidebar-link { background: #333; }

    Voice4allbeings
    Member

    @voice4allbeings

    Where and how do I add the instructions? Do I type them into the code you already gave me? If so, where in that code? I found and read an article you wrote about how important it is to consider the sequencing of CSS instructions. So I am very confident that it matters a lot, where the instructions are put.

    Andrew Nevins
    Forum moderator

    @anevins

    Plonk this CSS:

    header { opacity: 1; }
    
    .main-navigation a {
     /* http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html */
     font-family: arial;
     /* http://www.w3schools.com/cssref/css_colornames.asp */
     color: deeppink;
    }
    
    .sidebar-link { background: #333; }

    Into the area I’ve outlined in red from this image: http://snag.gy/p8Etd.jpg

    Voice4allbeings
    Member

    @voice4allbeings

    This is the code I have in the Custom CSS Manager Plugin Settings box. There is only one box that I see and there doesn’t seem to be a way to get to another box. I notice that in your snaggy, Settings is highlighted, on mine, Appearance is highlighted. The code I’ve copied below isn’t working to change the non-hovered-upon color or type font for the word HOME in the upper right of the template, nor for the +/= circle below the posts.

    .main-navigation a,
    .site-title a,
    .site-description,
    ::-webkit-input-placeholder,
    textarea,
    a:hover,
    a:focus,
    a:active,
    #colophon a:hover { color: #2a2b17; opacity: 1;}
    div.wrap h2 {
    font-family: “Abril Fatface”;
    }
    .main-navigation a {
    /* http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html */
    font-family: arial;
    /* http://www.w3schools.com/cssref/css_colornames.asp */
    color: deeppink;
    }
    .sidebar-link { background: #333; }

    Voice4allbeings
    Member

    @voice4allbeings

    Andrew, my mistake, I’ve been reading more posts on SPUN and I realize I’ve been using Firefox which apparently has some WP display issues. The site looks great now on IE and also on my mobile device. Any way to get Firefox to display it correctly?

    Andrew Nevins
    Forum moderator

    @anevins

    The code I’ve copied below isn’t working to change the non-hovered-upon color or type font for the word HOME in the upper right of the template

    This:

    header { opacity: 1; }

    Should be this:

    #masthead { opacity: 1; }

    Can you send a screenshot of what you see in Firefox of the issue?

    Voice4allbeings
    Member

    @voice4allbeings

    Yes sorry it took me a while to figure out how to do that.
    It’s way simpler than I was making it.

    http://snag.gy/hBQw9.jpg

    Let me know if this works.

    I’d like the HOME to be the same type font as the rest of the page and also a tad bigger.

    I can’t find the header [ opacity: 1; } to change it to #masterhead { opacity: 1; } But I remember seeing it somewhere.

    Also below the +/-, I’d like to delete some of the things there that I’ll never need with this site. Is there an easy way to do that?

    Thanks in advance for your help.

    solleh_mch
    Member

    @solleh_mch

    Hi All,
    I am very newbie at website, but i have some question how to make some change for my site.
    http://www.baliplanning.com
    Please check my question pict.
    http://snag.gy/RnInF.jpg
    http://snag.gy/VK1vc.jpg

    Andrew Nevins
    Forum moderator

    @anevins

    Hi Solleh_mch,

    Could you create a new thread on the Spun’s sub-forums: http://wordpress.org/support/theme/spun#postform ?

    This way you’ll be visible to everyone on the “Themes and templates” forums, rather than visible to everyone who happens to be looking at this thread.

    Voice4allbeings
    Member

    @voice4allbeings

    Making a lot of progress here. A bit of confusion. When I installed the Custom CSS Manager Plug-In, is that the same thing as a Child, or more correctly I mean, does it have the same function as a Child, meaning it is implemented in priority overlay over the SPUN main theme? Do I need a Child to make sure the changes we’ve made stay in effect when/if the SPUN template is next updated? Or again is the Custom CSS Manager Plug-In sheet, a Child by another name? Please advise. Thanks again for your help. I do love this theme. Very special.

Viewing 15 replies - 16 through 30 (of 36 total)
  • The topic ‘[Resolved] Darkening Font Colors in SPUN Menus and Footer’ is closed to new replies.