Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Remove top menu in Modularity Lite?

  1. umea4ever
    Member

    Hello again!

    I am using Modularity Lite, and need some help in the css area. I know a little and have been able to make a few changes, but not enough. I would really appreciate it if someone could give me a little hand.

    1.. Is it possible to remove the top menu in Modularity Lite? If so, how can I do it?
    2. I would like to change the text font to Georgia, but I don't know how.
    3. I would like to change the page name colour. How do I do this?
    4. Finally I would like to change the black borders to another colour. Is that possible?

    I really appreciate all help!

    Pia

    The blog I need help with is umea4ever.wordpress.com.

  2. thesacredpath
    Member

    1. Go to appearance > menu, create a blank custom menu, save, and then in the "theme locations" module select that menu from the primary locations pulldown and save.

    2. To change all the fonts to Georgia, add the following to your CSS edit window.

    body {
font-family: Georgia,"Times New Roman", serif;
}

    3. To change the color of the titles of posts and pages, add the following to the CSS edit window and then put in your chosen hex color code value.

    .content h2 a, .content h2 {
color: #CC0000;
}

    4. There are two places the color code will have to be changed for the border. Again, enter your chosen hex value.

    h3.sub, h2.sub, {
border-bottom: 1px solid #000000;
}

div.colborder {
border-right: 1px solid #000000;
}

  3. umea4ever
    Member

    Excellent! Thank you so much for your great help!

  4. thesacredpath
    Member

    You are welcome.

  5. umea4ever
    Member

    Oh, another thing - when I added the wigdet side menu its borders are black. Is it possible to change that, and remove the black hover-block?

  6. umea4ever
    Member

    Ah, and the font colour too?

  7. thesacredpath
    Member

    The first section is the non-hover text color and the border (I set it to none). The second is the background on hover and the text color (background set to none). Adjust the text colors as desired.

    #sidebar ul li a, ul.txt li {
border-bottom: medium none;
color: #EEEEEE;
}

#sidebar ul li a:hover, ul.txt li:hover {
background: none repeat scroll 0 0 transparent;
color: #FFFFFF;
}

  8. umea4ever
    Member

    Great, thank you so much again!

  9. thesacredpath
    Member

    You are welcome.

  10. hallluke
    Member

    TSP: you're getting good at this! ;)

  11. thesacredpath
    Member

    Luke, thanks. I'm learning all the time and you have been a big part of that and I thank you for that.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags