Hi Guys,

I have just had a webdesigner sort out a layout for my eSports team, but its a half-bodge-job and hes lieft me with a horrible CSS and only part-updated graphics (new ones by myself) now the top banner is basically the colour scheme using the black from the sponsor logos + advert headers so they contrast against the site.

The site is meant to look clean and flow well using whites, greys and very simple CSS styling like this website: www.ukesn.org

Looking for someone to help out with the CSS if possible please!
currently the css thats editable in the admin panel looks like this im 99% sure that this is all the CSS that is used by the site (can you tell im new to CSS!? lol)

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    scrollbar-base-color:#acacac;
    scrollbar-3dlight-color:#acacac;
    scrollbar-arrow-color:#FB0035;
    scrollbar-darkshadow-color:#acacac;
    scrollbar-face-color:#acacac;
    scrollbar-highlight-color#acacac;
    scrollbar-shadow-color:#acacac;
    scrollbar-track-color:#acacac; 
}
table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #acacac;
    font-weight: normal;
}
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
}
.small {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    color: #FFFFFF0;
}
.title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    background-image: url(images/content_header.gif);
    background-repeat: repeat;
    background-position: left top;
}
.category_big {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    color: #FFFFFF; 
    font-weight: bold; 
}
.category {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #FFFFFF; 
    font-weight: normal; 
}
.marked {
    background-color: #FFFFFF;
    font-weight: bold;
}
a, a:visited, a:active {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
}
a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: normal;
}
a.titlelink, a.titlelink:visited, a.titlelink:active {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
a.titlelink:hover {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
a.category, a.category:visited, a.category:active {
    color: #FFFFFF;
    text-decoration: none;
}
a.category:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
option, textarea, input, select, file {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFFFFF; 
    border: 1px solid #333333;
}
.footer {color: #FFFFFF
   size: 10px
   }
   
.form_off {  
    color: #666666; 
    background-color: #DCDCDC; 
    border: 1px solid #666666;
}
.form_on {  
    color: #000000; 
    background-color: #EEEEEE; 
    border: 1px solid #000000;
}
.form_username {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/username.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.form_password {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/password.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.form_name {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/name.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.form_text {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/message.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.input { 
    background-color: transparent; 
    border: 1px none; 
    margin-top: 0px;
    margin-bottom: 0px;
}
.white_txt {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 line-height: normal;
 font-weight: normal;
 font-variant: normal;
 color: #FFFFFF;
}
.red_txt {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 line-height: normal;
 font-weight: bold;
 font-variant: normal;
 color:#990000;
 
}

any help with this rather annoying problem would be very much appreciated.

Thanks guys,
Jon

Considering that you're asking someone to fix and/or refine your site's entire design, I would advise that you hire another webdesigner..

http://www.daniweb.com/techtalkforums/forum59.html

It would not be easy to diagnose the problems in the CSS, without say, consultation, and access to your site's content management system. I would suggest that the HTML would be a better place to start than the CSS; based on a view source of the link you posted: the HTML is messy, doesn't conform to the standard of its declared document type, and defines things that would override any CSS.**

Time = money, and I don't think anyone will take this on as a favour.

** EDIT: Well, I just noticed based on your post that the link isn't your site. STILL what I said isn't innacurate, and it's even more difficult to diagnose CSS problems with no HTML reference..

right good point! link: www.care-face.co.uk if anyone is available to have a quick look i would be great full or just some pointers to get me started.
Thanks,
Jon

I'm not sure which part you want to change. What does it say on the webpage screen there?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.