WordPress.org

1. AndrewOrange
   Member
   Posted 12 months 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 12 months 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 12 months 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 12 months 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 12 months 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 12 months ago #
   

   That worked. Many, many thanks Emil.

7. Emil Uzelac
   Theme Review Admin
   Posted 12 months ago #
   

   No worries

Reply

You must log in to post.