About Lifestyle Theme

[willyr]

The boss likes the look and feel of her site, mostly. 🙂

She would like the menu centered, and the left and right margins wider by about 10-20px or so, so that the text on the page is the same width as the image of her work.

She'd also like a funkier font, maybe comic ms or similar.

I tried making some changes in the style.css but all I could seem to do was make the line spacing wider. Changing the font, making the font larger and increasing margins did not seem to make any difference.

I'd appreciate it if someone more skilled than I could give me some direction.

Thanks much,

Bill

http://www.sageleafwhimsy.com

[sarag]

For the padding search for the below code in your stylesheet then adjust the second 0 I tried it at 30px and thought it looked good.

.entry-content p,
.home #content p,
.page .entry-content p {
padding: 0 0 15px;
}

Change it to something like this
.entry-content p,
.home #content p,
.page .entry-content p {
padding: 0 30px 15px;
}

For the menu find the below code
#subnav {
background: url('images/subnav.png') repeat scroll 0% 0% transparent;
border-bottom: 1px solid #DDD;
clear: both;
color: #FFF;
font-family: 'Oswald',arial,serif;
font-size: 14px;
text-transform: uppercase;
margin: 0px auto;
overflow: hidden;
width: 920px;
word-spacing: 2px;
}

Then add some padding to it I tried padding-left:65px;
It will look like this when done
#subnav {
background: url('images/subnav.png') repeat scroll 0% 0% transparent;
border-bottom: 1px solid #DDD;
clear: both;
color: #FFF;
font-family: 'Oswald',arial,serif;
font-size: 14px;
text-transform: uppercase;
margin: 0px auto;
overflow: hidden;
width: 920px;
word-spacing: 2px;
padding-left: 65px;
}

To change the fonts I would suggest taking a look at Google fonts there are several choices https://www.google.com/fonts
then try following this post on how to add the Google fonts to your site.

Good luck!

[willyr]

Hello sarag...

Sorry to take so long to respond... just dealing with issues.

Kind of you to respond to my plea for help and thanks for the CSS suggestions. They worked perfectly. Am looking at Google fonts now too.

Cheers!

[Author]

Posts