WordPress.org

Forums

Twenty Fourteen
[resolved] [closed] Change sidebar and footer color (24 posts)

  1. dustyhawk
    Member
    Posted 1 year ago #

    just wanting to know how/where to change from the default black to any color of my choosing.

  2. kmaninaustin
    Member
    Posted 1 year ago #

    I'm still looking for it. I assume you're running a child theme and modifying style.css right?

    I'll post back here when I figure it out, but I'm stumped too for the moment.

  3. dustyhawk
    Member
    Posted 1 year ago #

    modifying css.

    i actually have no idea how to do a child theme. thus i edit direct from the source.

  4. kmaninaustin
    Member
    Posted 1 year ago #

    Don't do that. You can't update wordpress if you take that route. Restore any modifications you've made to Twenty Fourteen and create a child theme;

    http://codex.wordpress.org/Child_Themes

  5. Zulfikar Nore
    Member
    Posted 1 year ago #

    i actually have no idea how to do a child theme. thus i edit direct from the source.

    Bad idea to start with - all of your changes will be lost by the next update!

    For how to get started with child themes please see: http://codex.wordpress.org/Child_Themes

  6. kmaninaustin
    Member
    Posted 1 year ago #

    You might be better off using this plugin;
    http://wordpress.org/plugins/fourteen-colors/

  7. Zulfikar Nore
    Member
    Posted 1 year ago #

    @kmaninaustin - that plugin is great but it doesn't target individual elements. I'm sure it will improve with time, still early days yet :)

    @dustyhawk - use a child theme or a custom CSS plugin (depending on how much CSS changes you want to make)

    The element you want to target is the .site:before @line 3583 of style.css.

  8. dustyhawk
    Member
    Posted 1 year ago #

    thanks!

  9. Ben
    Member
    Posted 1 year ago #

    hi all,

    I have a follow-up question on this...Where is the element I have to modify in order to get the text within the sidebar in a different color?

    To be precise I am changing it from black to white and need to make text within the sidebar dark so it's readable...

    Thanks in advance!

  10. Zulfikar Nore
    Member
    Posted 1 year ago #

    @Ben for a quicker response please open a new thread as this one is already closed as resolved.

    Also refer to http://codex.wordpress.org/Forum_Welcome to be sure you are following the forum rules.

  11. Nick Halsey
    Member
    Posted 1 year ago #

    I'm the author of Fourteen Colors and can confirm that the plugin will not offer options to change specific targeted elements instead of broader groups of colors. If you want to change only the sidebar background color, use .site:before, as someone mentioned before. To change the text color and link color you'll need several selectors.

    You could always look at the CSS that Fourteen Colors generates and take the pieces you need for that, too, since it handles changing to a dark text color on a light background.

  12. Ben
    Member
    Posted 1 year ago #

    @Nick...thanks, I will have a look at the Fourteen Colors CSS then...

    @Zulfikar: I had a look at the forum welcome and in case needed I will open a new post in the sub forum...and thanks for your .site-before hint!

  13. dd14
    Member
    Posted 1 year ago #

    There are number of things other than header,footer and sidebar.They all need to be addressed.
    I think a shortcut suggested is for Twenty Fourteen color scheme is not bad.

  14. kmaninaustin
    Member
    Posted 1 year ago #

    I'm posting Twenty Fourteen css changes as I build a new website;

    -K

  15. freshwater
    Member
    Posted 1 year ago #

    i followed kmaninaustin and Zulfikar Nore recommendations/links to do a child theme to update footer color. it worked BUT, for an existing twenty fourteen site,
    .site-footer {
    background-color: #3AD;

    knocked out the existing header image and the existing header menu. reading the http://codex.wordpress.org/Child_Themes page it makes it sound like nothing will be effected in the parent theme. this is my first child theme but i don't think i deviated from the instructions.

    my test site http://dryduffelbags.com/
    the header image is gone. the menu is gone. what you see in the black header bar are the Pages i created and WP auto puts them there after it removed the menu, it's NOT from the Menu system.
    (what you see in the thin blue bar is the "Dropdown Menu Widget" plugin i am tinkering with.

  16. WPyogi
    Forum Moderator
    Posted 1 year ago #

    When you switch from a parent to a child theme, you need to redo theme settings and options - they are not carried over - it's like switching to any other new theme. You should be able to redo the header image and reselect that menu quite easily.

    If you have additional questions about this, please start a new thread since this thread is already resolved.

    http://wordpress.org/support/theme/twentyfourteen#postform

  17. iniyan
    Member
    Posted 1 year ago #

    You can use "Anjirai" twenty fourteen child theme to customize individual element's color

    http://wordpress.org/themes/anjirai/

  18. marisak.dg
    Member
    Posted 1 year ago #

    Hello, how can I insert or modify the order of the elements (such as Recent Posts, Search, Comments, Categories, etc.) in the left bar in Twenty Fourteen? Thank you!

  19. nadyaQL
    Member
    Posted 1 year ago #

    marisak.dg, i think you can
    go to appearance and then widgets

  20. rod247
    Member
    Posted 1 year ago #

    I want to change the color of the text only. Please can anyone tell me how I do this. I can change the black and back ground but it is the TEXT that i need to change.
    Thank you in advance.

  21. thomasirwin
    Member
    Posted 4 months ago #

    Wow has this template been a pain in the a**! I love it but it has challenged me thoroughly. I have a few questions and through all of this have found some answers to common problems. Thought I would share...

    I have tried several plugins like Fourteen colors and Fourteen Extended. I settled on a plugin called Styles: "Twenty Fourteen" which makes you also install "Styles".

    I was doing changes using a "custom CSS" plugin through Jetpack. That was a mistake and I ended up creating a child them. If you are just starting your customizations, stop and do this now. As you change this theme around there are dozens of codes to fix things and eventually the CSS plugin slows everything down.

    I am still trying to get the menu bar color and the footer color to change. This post was started with that question and I still don't see the answer here. Does anyone know how to do this?

    Also I have made so many changes that certain functions in the Styles plugin don't seem to work. Is that due to a code that I put in the child's theme, CSS, or through one of the plugins?

    My website is http://www.iwanttotravelto.com

    Thanks to all of you smart people for all the many suggestion here and on other posts. My website is looking better and better and I have actually learned some code!

  22. thomasirwin
    Member
    Posted 4 months ago #

    OOPS! I missed it up above... This changes the Footer color:

    .site-footer {
    background-color: #3AD;

    Still looking to change the main menu bar color.

  23. thomasirwin
    Member
    Posted 4 months ago #

    Thought I would add the full code for changing the footer widget area that I could not change with the Styles plugin:

    .site-footer {
    background-color: #210B61;
    text-align: center;
    font-weight: 900;
    }

    The Style: Twenty Fourteen plugin changes the link color, hover color, font styles, and some features that I haven't figured out yet.

  24. Andrew
    Forum moderator
    Posted 4 months ago #

    The issues addressed by the original poster in this thread have been resolved, most likely by the original poster (see the [resolved] label in the thread title). If you're not happy with the answers given in other people's threads you can create a new one here for your theme: https://wordpress.org/support/theme/twentyfourteen#postform

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic