Resizing

[Anonymous]

Hi as per my email to Steve, he asked I post this in the forum… There’s just a few things I would like to change to make this theme perfect. I need to change the menu text size, the post header text size and the body font text size please.
Also I wondered if it is possible to increase the width of the side bar a tad please?
Thanks
Emily Fisher
http://www.weirdandwonderfulweddingworld.co.uk

[admin]

Hi Emily,
You have a beautiful website based on Prana. Congrats!

I need to change the menu text size

Go to style.css
Look for “=Menu Primary”

/** Top Level Anchors */
.menu ul a,
.menu ul a:visited {
display: block;
font-size: 11px;
line-height: 21px;
font-family: ‘Bitter’, serif;
padding: 20px;
position: relative;
text-decoration: none;
color: #2f2f2f;
text-transform: uppercase;
}[/CODE]

So you may modify the whole look and feel for the menu.

[B]the post header text size[/B]

Look for “=Type Post”

[CODE].entry-title {
font-size: 18px;
line-height: 24px;
margin-bottom: 20px;
padding: 0 0 20px 0;
border-bottom: solid 1px #e7e7e7;
}[/CODE]

[B]and the body font text size please.[/B]

Look for “=Skeleton”

[CODE]body {
font-family: ‘Open Sans’, sans-serif;
font-size: 13px;
line-height: 21px;
background: #fff;
color: #2f2f2f;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}[/CODE]

[B]Also I wondered if it is possible to increase the width of the side bar a tad please? [/B]

It is not easy to change the sidebar width with few clicks. It will require you to change a lot in the core files of Prana.

Thanks![CODE]/** Top Level Anchors */
.menu ul a,
.menu ul a:visited {
display: block;
font-size: 11px;
line-height: 21px;
font-family: ‘Bitter’, serif;
padding: 20px;
position: relative;
text-decoration: none;
color: #2f2f2f;
text-transform: uppercase;
}[/CODE]

So you may modify the whole look and feel for the menu.

the post header text size

Look for “=Type Post”

.entry-title {
font-size: 18px;
line-height: 24px;
margin-bottom: 20px;
padding: 0 0 20px 0;
border-bottom: solid 1px #e7e7e7;
}[/CODE]

[B]and the body font text size please.[/B]

Look for “=Skeleton”

[CODE]body {
font-family: ‘Open Sans’, sans-serif;
font-size: 13px;
line-height: 21px;
background: #fff;
color: #2f2f2f;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}[/CODE]

[B]Also I wondered if it is possible to increase the width of the side bar a tad please? [/B]

It is not easy to change the sidebar width with few clicks. It will require you to change a lot in the core files of Prana.

Thanks![CODE].entry-title {
font-size: 18px;
line-height: 24px;
margin-bottom: 20px;
padding: 0 0 20px 0;
border-bottom: solid 1px #e7e7e7;
}[/CODE]

and the body font text size please.

Look for “=Skeleton”

body {
font-family: ‘Open Sans’, sans-serif;
font-size: 13px;
line-height: 21px;
background: #fff;
color: #2f2f2f;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}[/CODE]

[B]Also I wondered if it is possible to increase the width of the side bar a tad please? [/B]

It is not easy to change the sidebar width with few clicks. It will require you to change a lot in the core files of Prana.

Thanks![CODE]body {
font-family: ‘Open Sans’, sans-serif;
font-size: 13px;
line-height: 21px;
background: #fff;
color: #2f2f2f;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}[/CODE]

Also I wondered if it is possible to increase the width of the side bar a tad please?

It is not easy to change the sidebar width with few clicks. It will require you to change a lot in the core files of Prana.

Thanks!

[Anonymous]

Perfect thanks

[Anonymous]

Hello! I’m Andrea. I also wanted to change these text sizes. I’ve gone trough the instructions listed below in my style.css. I’ve increased the sizes but nothing happened. Any idea of what went wrong? Thank you for your support

http://www.ohhappylife.com

[admin]

Hi Andrea,

I am observing that you have successfully modified the Menu and Post Title Fonts.
Feel free to ask additional questions.

Take Care

[Anonymous]

Yes, I finally figured it out….Thank you!
Could you please tell me what code to use if I want to change de headings color?

[Anonymous]

I’ve done it! Thanks

[admin]

Thanks for the feedback.

[Author]

Posts