-
AuthorPosts
-
August 4, 2014 at 5:15 am #299504
Ok so I’m working on my site & I am trying to change the footer font color white, but it will not let me change it to white. I can change it to any other color, but not white. Has anyone seen this & if so is there a workaround or something? Is it possible some of my previous quick css’s have messed with it? Screenshots & all custom css’s below. Help? Thanks!
And here is my quick css:
@font-face { font-family: 'amaranthbold'; src: url('amaranth-bold-webfont.eot'); src: url('amaranth-bold-webfont.eot?#iefix') format('embedded-opentype'), url('amaranth-bold-webfont.woff') format('woff'), url('amaranth-bold-webfont.ttf') format('truetype'), url('amaranth-bold-webfont.svg#amaranthregular') format('svg'); font-weight: normal; font-style: normal; font-family: 'amaranthbolditalic'; src: url('amaranth-bolditalic-webfont.eot'); src: url('amaranth-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('amaranth-bolditalic-webfont.woff') format('woff'), url('amaranth-bolditalic-webfont.ttf') format('truetype'), url('amaranth-bolditalic-webfont.svg#amaranthregular') format('svg'); font-weight: normal; font-style: normal; font-family: 'amaranthitalic'; src: url('amaranth-italic-webfont.eot'); src: url('amaranth-italic-webfont.eot?#iefix') format('embedded-opentype'), url('amaranth-italic-webfont.woff') format('woff'), url('amaranth-italic-webfont.ttf') format('truetype'), url('amaranth-italic-webfont.svg#amaranthregular') format('svg'); font-weight: normal; font-style: normal; font-family: 'amaranthregular'; src: url('amaranth-regular-webfont.eot'); src: url('amaranth-regular-webfont.eot?#iefix') format('embedded-opentype'), url('amaranth-regular-webfont.woff') format('woff'), url('amaranth-regular-webfont.ttf') format('truetype'), url('amaranth-regular-webfont.svg#amaranthregular') format('svg'); font-weight: normal; font-style: normal; } .logo a { height: 156px; } .logo { width: 476px; height: 156px; } .fixed_header #header { position: fixed; height: 156px; } #header_main { border: none; } .title_container { display: none; } h1, h2, h3 { text-transform: none !important; } body { font-size: 16px; } #socket { font-size: 14px; } .main_menu ul:first-child > li > a { font-size: 13px; } #footer .widgettitle { font-size: 25px; } @media only screen and (min-width: 1340px) { .responsive_large .container { width: 1210px; } } @media only screen and (min-width: 1140px) { .responsive .container { width: 1030px; } } @media only screen and (max-width: 767px) { .responsive .container { width: 268px; margin: 0 auto; } } @media only screen and (max-width: 767px) and (min-width: 480px) { .responsive .container { width: 428px; margin: 0 auto; } } #top .main_menu .menu li ul ul { left: 207px; }
August 4, 2014 at 6:57 am #299510Hi WalstonNet!
Its probably the offset color effects that are working behind the scenes. Kriesi designed things to take as little setup as possible so the colors you choose are, for many areas, used as the base for creating color schemes. So you get light and dark version of the color for links, hovers etc without having to manually set each up.
For instances like this, a bit of custom css is all that is needed. If we can see the site live we can target the elements directly and provide you with the css selectors and a snippet :)
Best regards,
Devin -
AuthorPosts
- You must be logged in to reply to this topic.