Foxy – Newbie questions

[Stellita Loukas]

Hello!!!

I just purchased Foxy and it is a WONDERFUL theme!

I am trying to figure out how to make my website look more like this :
http://www.stellitaloukas.com and I have a number of questions if that is ok!

1. How can I change the fonts of the theme? Navigation, titles, posts etc.

2. What size do I need to make my logo image to fit with the theme? Is there any way that I can center it on the page or does it have to be on the left?

3. How can I make the text ‘boxes’ transparent? They are currently black lol!

Many many thanks in advance for your help and congratulations on the wonderful work!

Best,
Stellita

[Bill Robbins]

Stellita,

Thank you for your business first of all. Let’s see if we can’t get your questions answered.

1. Changing Fonts:

The best way to change the fonts in the theme is with a plugin called Fontific. This plugin lets you use fonts from Google’s webfonts as well change the size color and many other properties. Once the plugin is installed, go to the Appearance section and you’ll find a new menu called “Fonts.” Click there and you will see a screen like this:

Click “New Font Rule” and you can get started changing some fonts. Now your screen will look like this:

What you’ll do is enter the “selector” for the text you’d like to change where it says “Enter Selector Here.” A selector is a element in the theme you want to alter. Here are some of the common ones in the theme you may want to use:

p, li

This will change the default paragraph and list items in the site

aside.sidebar nav a, aside.sidebar nav a:visited 

This one changes the navigation items

h4.widget-title

This one changes widget titles

h2.title,
article h1, 
h1.page-title,
.page-content h1

This one changes page titles

Use which ever ones you’d like to and you’ll be able to change your fonts and see the effect live with the preview that’s part of the plugin.

---

2. The logo size is pretty flexible. The theme will limit it to 960 pixels wide and any height. Realistically, you’ll want to keep it a bit smaller. The one that’s in the demo is 181 pixels wide by 97 pixels tall. I would shoot for less than 500 pixels wide and 200 pixels tall.

It is possible to center the logo. To do that, go to the Theme Options page and select the styling tab. Scroll down to the Custom CSS box and paste this:

#logo,
#text-logo {
	text-align: center;
}

Update your settings and that will center your logo.

---

3. You can make the text boxes completely transparent. To do that, paste this also in the Custom CSS box:

.page-content,
.staff-list article {
	background: none;
}

Update your settings and that will make the background completely transparent.

---

I hope that helps out. If you have any other questions, please feel free to ask.

Thanks again,
Bill

[Stellita Loukas]

Hi Bill,

Thank you VERY much for taking the time to help.
I will try all your suggestions and come back if I have any more questions.

Have a great day and thanks again!

[Author]

Posts