[labnoon]

hello there!

I am doing a little restyling to my site and I discovered how everything looks better with a little more letter spacing everywhere. I think it matches Read’s breathy design well, or at least that’s how I like it :)
I found a couple of CSS codes and I managed to change the spacing of body to 1px and the post heading to 2px. However, I’d like to change the menu, tags, the text on side the side bar (such as links, recent post, recent comments, etc. I would also like to change the size of the font of these links but I don’t know how).
Also the other headings inside each post (not the main heading) remain with no spacing.
And the most important part: I used a recipe plugin in which I can choose the font and the size, but not the spacing.

The question:
1. I want ALL the body/paragraph texts in my site to have 1px spacing and all the headings everywhere 2px spacing. Could you please help me with that?
2. how can I change all the menu font to UPPERCASE
3.how can I change all the “category, date, author etc” part to italic?

Thank you very very much for the help. II have been suggesting your products to anyone who was interested not only for the great design but also for your great support.
Cheers
Saghar

[labnoon]

p.s. Bullet lists text also appears different in style than the rest of the body. Much large, also the spacing is not applied. You can see a good example Could we fix that too?

[ahmetsali]

Hi, you can try this custom css code;

body { letter-spacing: 1px; }
h1,h2,h3,h4,h5,h6 { lettter-spacing: 2px; }
.main-navigation { text-transform: uppercase; }
.entry-meta { font-style: italic; }

Thanks.

[labnoon]

Thank you very much!

However, the styling and spacing of lists remain unchanged. The font is larger. You can take a look at this post as an example http://www.labnoon.com/en/2014/12/31/party-food-squid-lentils-soup/

If you look at the recipe at the bottom of that post, you’ll see that spacing is not applied. I used a recipe plugin. Do you think there’s a way we can apply it to that text too?

The spacing has not been modified in “recents posts” widgets in side bar, and “relative posts” at the bottom of each post either. (plus, can I change the size of the font of these widgets too?)

Thank you very much again for the help.

[ahmetsali]

sorry there was a syntax error in the code in my previous post, i updated the code.

[labnoon]

Thanks a lot for answer. It’s funny because I kept comparing the edited code with the one I had copied and I couldn’t see any difference, at the ended I just copied it again and it works. Could you please also tell me how the change the size of the font of the bullet list and the links in the sidebar? I tried this code for list but it doesn’t work.

.content ul.list.simple li {
font-size: 13px;
}

Thanks again :)

[ahmetsali]

try adding this;

.widget-area ul li, 
.blog-yumprint-recipe .blog-yumprint-ingredients {
    font-size: 13px;
}

[labnoon]

Yoohoo! Thank you it works :) (actually last code had already worked on the recipe plugin, but not on lists in the widgets.)

You’ve been very helpful as usual :)

Saghar