Grow your CSS skills. Land your dream job.

Help with CSS changes

  • # June 1, 2010 at 11:11 pm

    I would appreciate if someone can help find this certain changes in the css code.

    Circled in pink. I am trying to change the red color into a different color that goes with the website. I have played around with the css, I can’t seem to find it.
    [attachment=0]neva_fix.jpg[/attachment]

    I am trying to remove the strip where the arrow are pointing to in the css.
    [attachment=2]nevafix2.jpg[/attachment]

    Trying to change color of the links into white or grey. And I cant find it again in the css.
    [attachment=1]nevafix3.jpg[/attachment]

    I have enclosed the css below:

    Code:
    /* ***GLOBAL*** */
    @import url(reset.css);

    @import url(custom.css);

    body {background: #1E1E1E url(images/back-body.gif) repeat-x; font: 11px Arial, Helvetica, sans-serif; color: #575757; } /*5e5e5e*/

    h1 {font-size:26px; color: #ffff99 }

    h2 {font-size: 24px; color: #ffff99; padding: 0 }

    h3 {font-size: 20px; color: #ff0000 }

    h4 {font-size: 18px; color: #5b4e64 }

    h5 {font-size: 16px; color: #ffff99 }

    h6 {font-size: 14px; color: #000 }

    p {margin:5px 0 14px 0; line-height: 130% }

    strong, b, caption, th {font-weight: bold }

    blockquote {border-left:3px solid #e8e8e8; margin:10px 10px 0 10px; padding-left:8px }

    acronym, abbr {border-bottom:1px dashed #333; cursor:help }

    dd {margin-left:15px }

    a:link {color: #ffffff; text-decoration: none }
    a:visited {color: #d11723;}
    a:hover, a:active {color: #ffff99; text-decoration: underline }
    /* ***END GLOBAL*** */

    /* ***LAYOUT*** */
    #bg {width: 100%; display: table; background: url(images/back-bg.jpg) no-repeat center top}

    .internalpage #wrapper {background: url(images/back-wrapper.jpg) no-repeat center bottom }

    #shadow, #header, #container, #footer {margin: 0 auto }

    #shadow {width: 900px; position: relative }

    * html body #shadow {width: 910px }

    #container {padding: 0 0 10px; background: #1E1E1E url(images/back-container.gif) repeat-y }

    #container-shoulder {background: #1E1E1E url(images/back-container-shoulder.jpg) no-repeat }

    #container-shoulder-plain {background: #1E1E1E url(images/back-container-shoulder-plain.jpg) no-repeat }

    #header {height: 119px }

    #logo {margin: 1px 0 0 0; overflow:hidden }

    #logo a {outline: none }

    #header .search_form {float: right; margin: -37px 2px 0 10px }

    .widget #search_form {float:none }

    .search_form #s {padding: 5px 6px 0; width: 130px; height: 19px; color: #fff; background:#b0b0b0; border:none; font-size:11px }

    #featured-zone {height:294px; overflow:hidden }

    #slidespot {float:left; width:624px }

    #featured-wiz {float:right; width:261px; color:#cccaca; height:288px; overflow:hidden }

    #shadow #featured-wiz h2 {margin: 0 0 15px 0 }

    #featured-wiz p {margin: 0 0 10px 7px; padding:0 }

    #left-col {width: 595px; float: left; padding: 50px 0 0 0}

    #container-shoulder-plain #left-col {padding: 23px 0 0 0}

    #sidebar {float: right; width: 275px; color: #525252; padding: 7px 1px 10px }

    #footer {background:#010101 url(images/back-footer.jpg) repeat-x 0 top }

    #footer .footer-content {position: relative; padding: 29px 28px 0; color: #f0f0f0; width:900px; margin:0 auto; height:auto !important; height: 200px; min-height:200px }

    #footer .footer-widget {float: left; width: 215px; padding:0 20px 0 0 }

    #footer ul.footerlinks {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 70px -7px }

    #footer ul.footerlinks li {padding:0 7px }

    #top-content-internal .textfield {width: 235px; height:18px; line-height:18px; padding:6px 10px 0; border: 1px solid #707070; font-size:11px; font-weight: normal; color: #fff; background: #a6a6a6; margin-bottom: 8px }

    #top-content-internal #opt_submit {background: url(images/back-optin-submit.png) no-repeat; text-align:center; border:none; color:#fff; font-size: 18px; cursor:pointer }
    /* *** END LAYOUT*** */

    /* ***STYLES*** */
    .recover {clear: both; line-height:0 }

    .bold {font-weight: bold }

    .italic {font-style: italic }

    .txtcenter {text-align: center }

    #blogname {padding:0; display:inline-block; background:transparent url(images/edegree-logo.png) no-repeat 0 7px; height:60px; text-indent: -66666px; overflow: hidden; line-height:60px }

    #copyright {color: #ffffff; position: absolute; bottom: 16px; left: 25px; font-size: 11px }

    #footer-tag {width: 375px; text-align: left }

    .sidebar p {padding: 0 15px 0 20px; margin: 0 0 5px }

    .home-content {padding:25px 0 0 32px; width: 600px}

    .home-content h2 {background: url(images/back-home-heading.gif) no-repeat bottom right; color:#F3832B; font-size:18px; letter-spacing:-1px; margin:0 0 8px; padding:6px 86px 19px 0; text-transform:capitalize; width:305px }

    #container .page {padding: 16px 0 12px 30px }

    #container .page h2 {font-size: 22px; padding:0 20px 0 0 }

    .page-content {background:transparent url(images/dots.gif) repeat-x 0 top; margin:2px 0 0 0; padding:12px 0 0 0; width: 560px}

    .entry {clear: both; padding:0 12px 8px 0; margin: 0 0 0 82px }

    .post {background: url(images/back-entrydate.png) no-repeat 12px 0; padding: 0 0 20px 15px; margin:0; clear: both }
    * html body .post {background-position: 12px 15px; padding: 15px 0 12px 15px }
    *+html body .post {background-position: 12px 15px; padding: 15px 0 12px 15px }

    .entry_header {margin: 0; position: relative }

    .entry_header h1, .entry_header h2.home {float: left; margin: 0; width: 380px; padding: 9px 80px 5px 0;
    line-height: 1.7em; font-size: 18px; height:auto !important; height:40px; min-height:40px }

    .entry-date {float: left; width: 58px; height: 52px; text-align: center; padding: 7px 20px 0 1px; font-weight: normal; margin: 0; font-size: 11px; color: #fff; font-family: Tahoma, Geneva, sans-serif; text-transform:uppercase }

    #left-col .date {font-family: Arial, Helvetica, sans-serif; color: #fe0606; font-size:27px; display:block; font-weight:bold; line-height:28px }

    .entry-meta {margin: 0 44px 0 0; color: #595050; font-size: 11px; background: url(images/dots.gif) repeat-x 0 top; padding: 3px 0 0 0; width: 492px; float: right }

    .comment-bubble {background:#ff2400; color:#fff; font-size:11px; font-weight: bold; padding: 4px 12px; position:absolute; right:8px; top:18px; z-index:10 }

    .entry_content {clear: both; margin: 0 0 0 82px }

    #search-submit {background: url(images/btn-search.png) no-repeat; width: 25px; height:20px; overflow: hidden; border: none; cursor: pointer; text-indent: -7000px }

    # June 2, 2010 at 10:19 am

    Do you have a link to the site? Perhaps i can help. ;)

    # June 2, 2010 at 11:50 am

    Here you go ! Sorry about that! http://www.nevahurd.com

    # June 2, 2010 at 1:33 pm

    1st problem – change background colour on .comment-bubble and change color on #left-col .date. 2nd problem – In #container remove url(images/back-container.gif) from the background.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".