[tault]

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?

[Sakin]

@tault: Can yo send me your site URL?

[tault]

Sorry I am still getting use to the forums:

http://www.ProvenSweets.com

[Sakin]

@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; }

[tault]

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; }

[Sakin]

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; }

[tault]

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?

[Sakin]

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

[tault]

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

[tault]

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