Trying to Adjust My Site Fonts

This topic has 9 replies, 2 voices, and was last updated 11 years, 4 months ago by tault.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
July 11, 2013 at 8:41 am #11670

tault
Member

I am attempting to use this code to make my menu font bigger. However, the menue collapses to the second line if I even attempt to go higher than 14px:

#branding ul.menu a { font-family: Cambria; font-size: 14px; }

I am attempting to adjust my page header the Home, About, etc page title at the top left corner of each page. I just want to change the font color:

h1 {font-size:40px; color: #da0059;}
h2 {font-size:30px; color: #da0059;}

I am attempting to change all of the fonts except for all of my headers to cambria. I think I am missing something, because it works but changes the h3 headers on my Menu page evey time I use it.

html, body, div, applet, object, iframe, pblockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,font,
table, caption, tbody, tfoot, thead, tr, th, td
{
font-family:”Cambria”;
font-size:100%;
}

I am sure it is something simple that I just keep on missing. Can any one assist me?

July 11, 2013 at 4:28 pm #11687

Sakin
Keymaster

@tault: Can yo send me your site URL?

July 11, 2013 at 5:31 pm #11691

tault
Member

Sorry I am still getting use to the forums:

http://www.ProvenSweets.com

July 11, 2013 at 11:23 pm #11704
Sakin
Keymaster
@tault: You can add the following css.
```
/* Page Title Color */
.entry-title, .entry-title a { color: #DA0059; }

/* default font family */
body, input, textarea { font-family: Cambria, Arial, sans-serif; }
```
July 12, 2013 at 3:47 am #11721

tault
Member

Worked Perfect, thank you
I would not have figured out that type of coding for my font issues, i see my coding was a ways off. Hey do you have any tips on making the menu font bigger?

At the moment I am using the code:
#branding ul.menu a {font-size: 14px; }

However, the menu collapses to the second line if I even attempt to go higher than 14px. I did center my menu using:

#access div, #access-footer div {
margin: 0 17% 0 15% ;
}
#access-secondary div{
margin: 0 23% 0 22%;
}
Could that be affecting the font change?

#branding ul.menu a { font-family: Cambria; font-size: 14px; }

July 12, 2013 at 1:12 pm #11725
Sakin
Keymaster
For menu font size, you can use the following css
```
/* Menu Font Size */
#branding ul.menu { font-size: 16px; }
```
The way you have center the menu with padding is overflowing the menu text when you increase the font size. So, remove the following css
#access div, #access-footer div { margin: 0 17% 0 15%; }
Then add the following css to center the menu
```
#branding ul.menu { margin: 0; text-align: center; }
#branding ul.menu li { display: inline-block; float: none; }
```
July 12, 2013 at 5:10 pm #11731

tault
Member

Great! I have been using a code for adding color values to my menu that work perfectly:

#main { background-color: #000000 }
#branding ul.menu li:hover > a,
#branding ul.menu a:focus,
#colophon #access-footer ul.menu a:hover,
#colophon #access-footer ul.menu a:focus {
background: #da0059; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#da0059, #f9f9f9);
background: -o-linear-gradient(#da0059, #f9f9f9);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#da0059)); /* Older webkit syntax */
background: -webkit-linear-gradient(#da0059, #f9f9f9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#f9f9f9′, endColorstr=’#da0059′); /* for IE */
color: #373737;
}

However, could any of it be directly affecting my secondary menu and drop down menu under my Contact page? When I added the code:

/* Menu Font Size */
#branding ul.menu { font-size: 16px; }

The Primary Menu’s font size change perfectly, but my secondary and drop down menu are still the same small size. Is it possible to resize all 3 menu options?

July 13, 2013 at 12:30 am #11747

Sakin
Keymaster

For secondary menu font size.`#branding #access-secondary ul.menu {
font-size: 13px;
}`

July 13, 2013 at 2:06 am #11768

tault
Member

It worked, but it changed my fonts from Cambria. Could this code be conflicting with my default font family code?

July 13, 2013 at 2:22 am #11769

tault
Member

Never Mind, it Worked! Hurray! Is there a code for drop down menus? Like under my Contact page there is a Faq page, but the text didn’t get bigger with the new font codes.
Author

Posts