side bar menu

olalaboutique · Member · Oct 18, 2011 at 5:57 pm
Copy link

Add topic to favorites
My blog is olalaboutique.com and my theme Bueno.

I´m using two custom menus in the side bar, and I want to change the font (size, color, type) of their titles, and also of the elements below.

Can you help me with that?

Also, there is a way to erase the bullet points (only the points or circles)?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Oct 18, 2011 at 6:48 pm
Copy link
Bullets:
```
widget ul li a:link, .widget ul li a:visited {
background: none;
}
```
Fonts are pretty much as I explained it in the other thread on the top navigation menu you started. Use the advanced typekit stuff to change the font if you want something other than the standard fonts that are common to all computer systems.. This is the selector that you would use with the typekit advanced feature for changing just the titles of the custom menu widgets: .widget_nav_menu .

For standard font stacks common to all computers here are a couple of examples.

serif font-family: Georgia,Times,Serif

sans-serif font-family: Arial, Helvetica, Verdana, sans-serif
thesacredpath · Member · Oct 18, 2011 at 6:52 pm
Copy link
Oops, sorry on the selector to use with the typekit advanced feature. It would be this.

.widget_nav_menu h3

To assign fonts common to all computers, do this.
```
.widget_nav_menu h3 {
font-family: YOUR FONTS HERE;
}
```
Enclose multi-word fonts such as Times New Roman in double quotes like this “Times New Roman” and include commas between font names.
olalaboutique · Member · Oct 19, 2011 at 6:18 pm
Copy link
I tried the code for the bullets and it didn´t worked out. Anyway, I changed the theme to Coraline, can you give me the code for that theme, instead?

Thanks.
thesacredpath · Member · Oct 19, 2011 at 6:22 pm
Copy link
Funny, that code worked just fine on my test site. This should take care of the bullets on Coraline.
```
.widget-area ul ul {
list-style: none;
}
```
olalaboutique · Member · Oct 19, 2011 at 6:28 pm
Copy link
It worked, thanks.

Can I align the elements of the list to the title of it?
thesacredpath · Member · Oct 19, 2011 at 6:40 pm
Copy link
Try this.
```
.widget-area ul ul {
margin-left: 0;
}
```
olalaboutique · Member · Oct 19, 2011 at 10:40 pm
Copy link
Thanks, sacred path.

Only it changes to blue, how can I return it to black?
thesacredpath · Member · Oct 19, 2011 at 11:12 pm
Copy link
Add this. When we took away the list style the links in the widgets reverted to normal body link style (blue) so we have to define a color for them now.
```
.widget-area ul ul a {
color: #000000;
}
```
olalaboutique · Member · Oct 20, 2011 at 9:59 pm
Copy link
Thanks sacred path.

It worked.
thesacredpath · Member · Oct 20, 2011 at 10:29 pm
Copy link
You are welcome.
olalaboutique · Member · Oct 20, 2011 at 10:46 pm
Copy link
Kind of the same thing…

When I put the mouse on top of the post title, it turns green, and I want it to turn grey. Can you help me with that?
thesacredpath · Member · Oct 21, 2011 at 1:56 am
Copy link
Add this and edit the color code as desired.
```
.entry-title a:hover {
color: #CCCCCC;
}
```
olalaboutique · Member · Oct 21, 2011 at 10:37 pm
Copy link
Great, thanks.
thesacredpath · Member · Oct 22, 2011 at 1:22 am
Copy link
You are welcome.
olalaboutique · Member · Oct 27, 2011 at 12:06 am
Copy link
How can I change the color of the list when the mouse is on top of it? And also, how can I change the title of that list to another font style?
olalaboutique · Member · Oct 27, 2011 at 12:11 am
Copy link
The list in the side bar.
olalaboutique · Member · Oct 27, 2011 at 2:24 am
Copy link
Oh, and another thing, I have made some changes to the post title and they worked, but only in the home page. If I select any post it goes back to what it was.

I used this code:

.entry-title a {
font-family:”century gothic”, helvetica, arial;
font-weight:500;
}

.entry-title a:hover {
color:#ff3333;
}
thesacredpath · Member · Oct 27, 2011 at 2:47 am
Copy link
For the titles on the other pages (single post pages too) change .entry-title a to this
```
.entry-title h1, .entry-title a {
font-family:"century gothic", helvetica, arial;
font-weight:500;
}
```
On the widget list links, you seem to have figured that one out.
olalaboutique · Member · Oct 27, 2011 at 6:22 pm
Copy link
Mmm, I changed it and it doesnt happened anything so far.

No items found.