Remove top menu in Modularity Lite?

umea4ever · Member · Mar 5, 2011 at 1:00 am
Copy link

Add topic to favorites
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: (visible only to logged in users)
thesacredpath · Member · Mar 5, 2011 at 2:40 am
Copy link
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;
}
```
umea4ever · Member · Mar 5, 2011 at 9:00 am
Copy link
Excellent! Thank you so much for your great help!
thesacredpath · Member · Mar 5, 2011 at 9:05 am
Copy link
You are welcome.
umea4ever · Member · Mar 5, 2011 at 9:10 am
Copy link
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?
umea4ever · Member · Mar 5, 2011 at 9:11 am
Copy link
Ah, and the font colour too?
thesacredpath · Member · Mar 5, 2011 at 9:22 am
Copy link
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;
}
```
umea4ever · Member · Mar 5, 2011 at 9:38 am
Copy link
Great, thank you so much again!
thesacredpath · Member · Mar 5, 2011 at 9:40 am
Copy link
You are welcome.
hallluke · Member · Mar 5, 2011 at 7:32 pm
Copy link
TSP: you’re getting good at this! ;)
thesacredpath · Member · Mar 5, 2011 at 7:45 pm
Copy link
Luke, thanks. I’m learning all the time and you have been a big part of that and I thank you for that.

No items found.