Menu and other Typefaces

Three questions for Squirrel Theme Pro:

1. The navigation menu appears in All Caps. How to I change this to simply capitalize the first letter?

2. I would like to use the same font throughout the entire site - headings, slider heading, menu, body, etc… How do I do this?

3. Lastly, when I remove the 1st and 2nd headings, leaves white space between the slider and menu. How do I eliminate this? (see attached)

Thanks!

 

Hello,

1.
Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li a {
text-transform: capitalize;
}

2.Go to js > custom.js present in your theme directory and remove the code given below

Code:

//cufone
Cufon.replace({
    hover: true
})('#colRight h2')('.reply',{
    hover:true
})('h1')('h2')('h3')('h4')('h5')('h6');

Now,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

h1, h2, h3, h4, h5, h6, p, a, span{
font-family:symbol!important;
} 

Inplace of "symbol" put your font type.

3.

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.menu_wrapper ul {
margin-bottom: 0;
}
.slider-info {
margin-top: 0;
}
#slides {
position: absolute;
top: 0;
}
 

 

Regarding #2:

While that works for the body copy, unfortunately the Slider and Full Width col headings remain unchanged. I would really like to change theses to something else (and the titles/heading on each page). Can you let me know?

Basically I don't want this font to show up anywhere on my site. It just doesn't fit.

Thank you

 

Hello,

Could you please share us your website link.

 

the font appears twice on the homepage and then as the 'title' on pages (About, Testimonials, etc)

 

Hello,

We have checked your website it seems that you haven't remove the cufone code from the custom.js file
due to which the above given code are not working.
So please go to js directory > custom.js file present in your theme directory and remove the code given below

Code:

//cufone
Cufon.replace({
    hover: true
})('#colRight h2')('.reply',{
    hover:true
})('h1')('h2')('h3')('h4')('h5')('h6');

This will solve your issue.

Could you please explain your issue little more and specify the issue with the help of screenshot images.

 

I actually have removed it. Days ago.

These are the fonts I'm talking about:
Full Col Heading, Slider Heading, and Page Titles. See attached

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.slider-info h1 {
font-family: symbol! important;
font-size: 20px;
text-shadow: none;
}
.index-fullwidth h3 {
font-family: symbol! important;
font-size: 18px;
text-shadow: none;
}
h1.page_title {
font-family: symbol! important;
} 

In place of "symbol" you can put your font.
This will solve your issue.