WordPress.org

1. jgrygelko
   Member
   Posted 11 months ago #

   I am looking to change the orange box to green but can't figure out what to change.
   I am using the Chip Zero template.
   http://www.greenworkslandscapes.com
   Please help!

2. Rev. Voodoo
   Volunteer Moderator
   Posted 11 months ago #

   It's the background colour: #db550c;

   in the blockquote style in your style.css

   in the
   

   |------------------
   | Tag(s) - Reset
   |------------------
   */

   section

3. jgrygelko
   Member
   Posted 11 months ago #

   I'm not great with CSS yet, where do I go to find the place to edit this?

4. jgrygelko
   Member
   Posted 11 months ago #

   del {color:#F00;}
   blockquote {clear:left;margin:10px 10px 10px 10px;padding:0px 20px 0px 20px;background-color:#db550c;border-width:1px;border-style:solid;border-color:#fba41c #021221 #021221 #fba41c;}

   Found it, so db500c is the orange?

5. Rev. Voodoo
   Volunteer Moderator
   Posted 11 months ago #

   yessir

   http://kuler.adobe.com is a great resource

   over on the left click create

   Or you can poke around at colour schemes..... but from there you can find various hex codes for various colours

   Or use the green already in your theme

6. jgrygelko
   Member
   Posted 11 months ago #

   Great tool but for some reason it didn't turn green.
   Here's what it looks like, am I missing something else too?

   blockquote {clear:left;margin:10px 10px 10px 10px;padding:0px 20px 0px 20px;background-color:#18B512;border-width:1px;border-style:solid;border-color:#fba41c #021221 #021221 #fba41c;}

7. jgrygelko
   Member
   Posted 11 months ago #

   Nevermind! Thanks for your help!! Great tips

8. Rev. Voodoo
   Volunteer Moderator
   Posted 11 months ago #

   Yeah after changing css you need to refresh your browser (ctrl+f5) sometimes to see the changes

   Sounds like you got everything figured out tho, good job!

9. jgrygelko
   Member
   Posted 11 months ago #

   Got another one for ya, I changed the color of my border to a white but it won't go all the way around the box... Any ideas??

   blockquote {clear:left;margin:10px 10px 10px 10px;padding:0px 20px 0px 20px;background-color:#5FB552;border-width:2px;border-style:solid;border-color:#FFFEFC #021221 #021221 #FFFEFC;}

   p {margin-bottom:18px;}

10. Rev. Voodoo
    Volunteer Moderator
    Posted 11 months ago #

    border-color:#FFFEFC #021221 #021221 #FFFEFC

    this is the border colour

    if it only had one colour, that would be all 4 sides

    Since it has 4 colours, each colour is a side

    The order is top, right, bottom, left

    border-color:#FFFEFC;

    would make all sides the same colour

11. jgrygelko
    Member
    Posted 11 months ago #

    Thank you Thank You Thank you!!

12. jgrygelko
    Member
    Posted 11 months ago #

    Last question for today. : )
    I've looked through the style.css to find where to change the color of my page buttons (currently they are dark blue and I would like them to stand out more) Do you know where I can find the coding for these?

13. Rev. Voodoo
    Volunteer Moderator
    Posted 11 months ago #

    What page buttons? Like the text of the menu up under your header image?

    THat happens way down in
    

    /*
    |------------------
    | Primary Menu
    |------------------
    */

    this line...like 13 down:
    

    .primarymenubox ul a, .primarymenubox ul a:visited {display:block;position:relative;font-size:12px;color:#5b709b;font-weight:bold;padding:11px 11px 11px 11px;text-decoration:none;}

    it's the color:#5b709b specifically

Reply

You must log in to post.