WordPress.org

1. threethings
   Member
   Posted 2 years ago #

   I just added my header to this.
   Is there a way to edit the codes to change the height and color of the "Home, About, and Contact" page links?
   http://i662.photobucket.com/albums/uu347/threethings_photos/helpwordpress.jpg

   Thanks!

2. yellaojrak
   Member
   Posted 2 years ago #

   usually it's in style.css
   what theme are you using, btw?

3. threethings
   Member
   Posted 2 years ago #

   Afterland.
   http://www.themesthatdontsuck.com/3-column/afterland

4. yellaojrak
   Member
   Posted 2 years ago #

   Look for #header-menu li a in your theme's stylesheet (.css)
   and then add/change it's declaration/value to something like this:{color:#adadad;height:64px;}

   Or in case, the 'height' you want is the links' position to be a bit higher or lower: {color:#adadad;margin-top:64px;margin-bottom:128px;}

   Remember, you can't use those codes as-is.

5. threethings
   Member
   Posted 2 years ago #

   I changed the color in #header-menu because #header-menu li doesn't have a color option. Didn't change.

   And #header-menu li doesn't have a margin option; neither does #header-menu.

   What's up?

6. yellaojrak
   Member
   Posted 2 years ago #

   You cannot find it in the theme 'options' of course. Go to theme editor from your dashboard. Look for any .css file, then look for the elements I mentioned previously.

7. yellaojrak
   Member
   Posted 2 years ago #

   On the Theme Editor page, you see no options. There are only codes and a list of code files.

8. threethings
   Member
   Posted 2 years ago #

   This is where I edited.
   http://i662.photobucket.com/albums/uu347/threethings_photos/wordpresshelp2.jpg

   Is that right?

9. yellaojrak
   Member
   Posted 2 years ago #

   Yes. Now find
   #header-menu li a

10. threethings
    Member
    Posted 2 years ago #

    Yes, but on #header li there is nowhere to put the color code.
    http://i662.photobucket.com/albums/uu347/threethings_photos/wordpresshelp3.jpg

11. yellaojrak
    Member
    Posted 2 years ago #

    It's supossed to be
    #HEADER-MENU LI A

    If you see no color 'option' inside its brackets
    {...}
    Create one.

12. threethings
    Member
    Posted 2 years ago #

    Didn't work.
    I've decided the white looks fine.

    I'll just focus on moving it up now. . .

    (Sorry this is so complicated. I've never actually worked with codes before and this is my first. Thanks for all your help.)

13. yellaojrak
    Member
    Posted 2 years ago #

    Okay. And no need to apologize. It's not complicated at all. Try add this line (if it doesn't work delete it):

    #header-menu li a {color:#000000;}
    #000000 is hex code for black, you can find other color codes on http://www.somacon.com/p142.php

    As for the height of your menu, try this
    #header-menu {margin-top:2px;margin-bottom:90px;}
    Adjust the numbers to achieve the height you want.

    Don't give up.
    Cheers.

14. threethings
    Member
    Posted 2 years ago #

    Wow, I managed to move it down all the way and change the color.
    Thank you so much!
    http://thehungergamestribute.co.cc/

15. yellaojrak
    Member
    Posted 2 years ago #

    No problems!

Topic Closed

This topic has been closed to new replies.