Nav bar font size – font stypes – colors in IE –

  • deborah


    I can’t find the place to increase the font size on the navigation bar. The Home, Contact Us, Weaving Process, etc test.

    The font style within the slider seems to have a mind of its own. I want it to be arial and thought I had made that change, but occasionally it flips back to that georgia style font. How do I fix that?

    The color of the slider border displays properly in Firefox, but the red disappears when viewing in IE. I tried several versions of IE and it does not appear in any of them. How do I fix that?




    Your font size in navigation bar is now:

    #nav .menu li a, #nav .menu li a:visited {
    color: #DFEDFF;
    font: 12px/24px arial;
    padding: 0 6px;
    text-decoration: none;

    Text in slider is now:

    .entry-content, .entry-content p, .slider_post_entry p, .entry-content ul, .entry-content ol, .comment-entry ol {
    color: #2C2B2B;
    font: 12px/20px arial;

    This is my gray colors for the slider, so You have to insert Your own color codes:

    background: -moz-linear-gradient(left top , #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, right bottom, from(#E0E0E0), to(#EEEEEE));
    background: linear-gradient(left top, #E0E0E0, #EEEEEE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#EEEEEE'); /* for IE */
    -pie-background: linear-gradient(#A6A6A6, #EEEEEE);
    -moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    -webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#afaeae', Direction=90, Strength=3) !important; /* for IE */

    .featured_slider #slider_root {
    -moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    -webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    background: none repeat scroll 0 0 #FFFFFF;

    My advice is to change the fonts in the Child Theme style.css where You can change

    almost everything 🙂

    And if You want the tool:




    I am using a child theme.

    That is how I changed the slider border colors on my site too. It works fine in Firefox, but the red does not show up in IE. I have no idea how to correct that.

    I have Firebug and can see that the font of the header content in the slider is listed as arial, but it is not displaying as arial in Firefox.



    Well, It works here.

    Just bear in mind that You need a statement for different browsers.

    Wont comment on IE, just try google: IE8 CSS.

    And the font settings in Firefox are?

    Firefox standard font: Times 16px – On my MAC..Just great 🙂




    Well, “what” works here for you? The color? I do not know enough about css to recognize statements for different browsers. If there is something in this css specifically for the colors in IE I don’t know what it is or how what to search for to find it.

    I’m dinking around with the fonts. The one on my local shows arial all the time… it is the one at GoDaddy that is showing the other font part of the time. sigh



    Well, I have tried to show You some of the road.




    I’m looking Kim. But, please tell me what you were talking about when you said, “Well, It works here.”.

    Did you mean the color of the slider border in IE? I would just like to know what you meant. Thanks.



    Im only recommend code that works on my site or test site.

    This post stops here for me..



    Syahir Hakim


    Hi Deborah,

    Are you still having any of the problem you mentioned in the first post? Let me know if you do.

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

  • You must be logged in to reply to this topic.