WordPress.org

Ready to get started?Download WordPress

Forums

Text colour and background colour in twenty eleven (7 posts)

  1. AndrewOrange
    Member
    Posted 1 year ago #

    Hi I hope someone can help with two Twenty Eleven styling problems that I've been unable to solve despite trying to implement suggestions already on this forum.

    I have created a child theme and successfully made changes to it but am stuck trying to:

    1. Change the default colour for all text to white (it is a light grey at the moment). I've tried

    body, input, textarea {
    
        color: #FFFFFF;
    
    }

    2. Change the colour of the background behind the text to black (it is currently dark grey)

    I've tried putting all of these in:

    #page {
       background-color: #000000;
    }
    
    #page {
    	background: #000000;
    }
    
    #site-generator {
    	background: #000000;

    The site is at http://dirtystuff.17sightlines.com/

    If anyone can help, I'd be thrilled.

    PS: Yes, I've created a child theme and yes I have searched for (and applied) suggestions from this forum.

  2. mukesh panchal
    Member
    Posted 1 year ago #

    change this

    wp-content/themes/twentyeleven/style.css
    
    line no:341
    
    p {
        color: white;
        margin-bottom: 1.625em;
    }
    
    line no:347
    ul {
        color: white;
        list-style: square outside none;
    }
    
    line no:683
    
    #main {
        clear: both;
        padding: 0;
    }
    
    line no:84
    #primary {
        background-color: black;
        float: left;
        margin: 0 -26.4% 0 0;
        width: 100%;
    }

    Regards
    Mukesh

  3. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    Twenty Eleven Theme has two styles white and dark. You have dark which is http://dirtystuff.17sightlines.com/wp-content/themes/twentyeleven/colors/dark.css

    Try doing this:

    body {
        color:#fff !important;
    }
    #page {
        background:#000 !important;
    }

    Emil

  4. AndrewOrange
    Member
    Posted 1 year ago #

    Hi Emil

    Thanks for that. Very illuminating.

    Presumably I should not edit dark.css dirctly but should create a child theme of dark.css to avoid my changes being overwritten when WordPress next upgrades?

    Not sure I know how to do that.

    Thanks

    Andrew

  5. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    Yes and no, since you have http://dirtystuff.17sightlines.com/wp-content/themes/dirty_stuff/style.css (Child Theme style.css) in place you can customize from a single stylesheet. No need for two :)

    Emil

  6. AndrewOrange
    Member
    Posted 1 year ago #

    That worked. Many, many thanks Emil.

  7. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    No worries

Topic Closed

This topic has been closed to new replies.

About this Topic