WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Darkening Font Colors in SPUN Menus and Footer (37 posts)

  1. Voice4allbeings
    Member
    Posted 10 months ago #

    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

  2. Andrew
    Forum Moderator
    Posted 10 months ago #

  3. Voice4allbeings
    Member
    Posted 10 months ago #

    Thanks, Andrew, okay, I've installed it. Next step?
    http://www.wellness4allbeings.com

  4. Andrew
    Forum Moderator
    Posted 10 months ago #

    What colours are you thinking for the first 3 points?

    #2. Change the font colors of the search box, etc., below the circle posts;

    Please specify the elements in addition to the search box.

  5. Voice4allbeings
    Member
    Posted 10 months ago #

    I'm a total Newbie with WordPress but that said I found the page and the box where I could change the type color of the Header. I changed it to #2a2b17. To me this created the result of still seeing the text well enough before the hover and then having it look just great (to me) during the hover. I'd like all the other words on the page to be the same color ... so that HOME (in the upper right corner) and any other Page(s) I add and everything that is below the "circle posts" meaning below the +/- including the search box also behaves that same way ... visible enough until the hover and really clear and visible during the hover but still subtle enough, too. I do love this Template.

  6. Andrew
    Forum Moderator
    Posted 10 months ago #

    Add this to your "Custom CSS Manager" part the dashboard (not the style.css file):

    .main-navigation a,
    .site-title a,
    .site-description,
    ::-webkit-input-placeholder,
    textarea,
    a:hover,
    a:focus,
    a:active,
    #colophon a:hover { color: #2a2b17; }
  7. Voice4allbeings
    Member
    Posted 10 months ago #

    #1. I'm running the most current version of WordPress.
    #2. I don't have a "Custom CSS Manager" option on my Dashboard or if it's there I totally do not know where to look for it.
    #3. I do find the words, "Custom CSS Manager" is when I click on Plugins after I get to my Dashboard. There, I have the choices Settings/Deactivate/Edit. When I click on Edit which is what felt right, I see code which looks like it's setup and error correction code ... checking for PHP version, etc. I'm feeling to click on Edit and copy and paste the code you've (so very kindly) given me there ... but where, relative to the ?> before it, or after it? Everything matters so I'm presuming this matters, too. BTW I found another of your posts on CSS Specificity, thank you. I love StarWars and Poker so your way of teaching works great for me.

  8. Voice4allbeings
    Member
    Posted 10 months ago #

    Well I figured after clicking Post to you on that last one that it had to go after the ?> so that's where I put it, then Saved the Updates. And it seemed to work, except for the "HOME" in the upper right hand corner which remains barely visible. Suggestions?

  9. Andrew
    Forum Moderator
    Posted 10 months ago #

    Are you sure you can't find a section in the dashboard named "Custom CSS Manager" http://wordpress.org/plugins/custom-css-manager-plugin/screenshots/ ?

  10. Voice4allbeings
    Member
    Posted 10 months ago #

    Also can you tell me how I can change the order of the posts? I thought I could change the post dates in the permalinks and that would change the order the posts appear on the screen but it didn't or maybe I did it wrong. Right now I seem to have two options, for posts to go by date in either ascending or descending order. But that's not what I want, I want to change the positioning of what will ultimately be 15 posts on the Home page. I figure one way is to delete everything and enter them again in the order I want but yowzers I would much prefer finding another way. Also I want the 15 posts to always be on the home page (until I may choose to change them) so I presume I can choose to have the page be STATIC after I've finished building it, is that correct? Please advise.

  11. Voice4allbeings
    Member
    Posted 10 months ago #

    Wow I don't see this page at all!!! I downloaded CSS, installed it (and it said okay) and activated it, but I don't see the page linked to below, anywhere on my site!!!

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

  12. Andrew
    Forum Moderator
    Posted 10 months ago #

    Are you seeing an old version of your site? Here's what I see: http://awesomescreenshot.com/0441p80x7f - I can't see how you can access the admin panel.

  13. Voice4allbeings
    Member
    Posted 10 months ago #

    So sorry I don't understand your last post. :(

  14. Andrew
    Forum Moderator
    Posted 10 months ago #

    I recommend deleting that plugin's folder, downloading and installing it again (or installing through the dashboard). When it's re-installed you should see the proper part of the dashboard for your CSS.

  15. Voice4allbeings
    Member
    Posted 10 months ago #

    Great minds, Andrew! I realized after our last exchanges that through my own ignorance I completely destroyed the main navigational instructions for the entire web-site rendering it inaccessible to me or anyone else. I couldn't get to the Dashboard at all. I contacted the hosting company (GoDaddy) and after going through a lot of reps who heard "WordPress" and told me they couldn't help, I finally found someone who realized all I wanted was to be taught how to restore the site to it's previous rendition before I installed the CSS plugin. I explained it was in the CSS plugin that I had made the change fatal to the site's navigation. They kept refusing to help and I made a stink so I finally got to someone in "Advanced Technical Support" who understood what I was saying and asking for immediately and did it for me right away. He put the site back into the state it was in after I added the code in not only the wrong place but the worst possible place, but before I had clicked on update. So I was able to locate it and delete it. I've indeed learned a great deal in the past 24 hours. I've learned how to restore the site completely. I've learned exactly how and when GoDaddy backs up sites hosted with them. I've learned to ask for screen shots for what a successful result looks like. I've learned it makes a huge difference WHERE you put things in CSS. So yes, I'll install it again. If you would be so kind, please send me the screen shot (again) of what the CSS Manager should look like AFTER it's properly installed? Thanks for being there!

  16. Andrew
    Forum Moderator
    Posted 10 months ago #

    When installed the Custom CSS Manager should hold a spot under the "Settings" part of the dashboard: http://s.wordpress.org/plugins/custom-css-manager-plugin/screenshot-1.jpg

  17. KromaInk
    Member
    Posted 10 months ago #

    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.

  18. Voice4allbeings
    Member
    Posted 10 months ago #

    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.

  19. Andrew
    Forum Moderator
    Posted 10 months ago #

    @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?

  20. Voice4allbeings
    Member
    Posted 10 months ago #

    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.

  21. Voice4allbeings
    Member
    Posted 10 months ago #

    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.

  22. Andrew
    Forum Moderator
    Posted 10 months ago #

    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; }
  23. Voice4allbeings
    Member
    Posted 10 months ago #

    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.

  24. Andrew
    Forum Moderator
    Posted 10 months ago #

    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

  25. Voice4allbeings
    Member
    Posted 10 months ago #

    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; }

  26. Voice4allbeings
    Member
    Posted 10 months ago #

    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?

  27. Andrew
    Forum Moderator
    Posted 10 months ago #

    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?

  28. Voice4allbeings
    Member
    Posted 10 months ago #

    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.

  29. solleh_mch
    Member
    Posted 10 months ago #

    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

  30. Andrew
    Forum Moderator
    Posted 10 months ago #

    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.

Reply »

You must log in to post.

About this Theme

About this Topic