WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. dustyhawk
    Member
    Posted 4 months ago #

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

  2. kmaninaustin
    Member
    Posted 4 months 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 4 months 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 4 months 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 4 months 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 4 months ago #

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

  7. Zulfikar Nore
    Member
    Posted 4 months 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 4 months ago #

    thanks!

  9. Ben
    Member
    Posted 4 months 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 4 months 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 4 months 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 4 months 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 4 months 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 4 months ago #

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

    -K

  15. freshwater
    Member
    Posted 3 months 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
    Volunteer Moderator
    Posted 3 months 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 3 months 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 month 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 month ago #

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

  20. rod247
    Member
    Posted 4 weeks 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.

Reply

You must log in to post.

About this Theme

About this Topic