About ! Important

  • Author
    Posts
  • #123006

    teleflip
    Member

    Hi there, I am trying to customize a template and to change colors and images to match, I discovered that some design layout images are in the ! Important block. How do I get into that to revise those images? You can see the problems here teleflip.wordpress.com.

    #123113

    atthe404
    Member

    That theme has a multitude of validation errors in the mark up. Whatever you do in the CSS you are going to be struggling. But what do you mean by the !important block? I couldn’t find it.

    #123114

    teleflip
    Member

    In the css there is –

    img.corner {
    border: none;
    display: block !important;
    height: 15px;
    width: 15px;
    }

    The display seems to be where the corner images are.

    #123115

    atthe404
    Member

    And the question is…………….

    #123116

    teleflip
    Member

    how do I get into the !Important to change the images so that the corners in the theme will match ?
    I am hoping to use this theme because I already started to change it and it is almost done…. just those corners need to be cleaned up. Other than that…. if I buy a theme can hosted wordpress be used? or do I have to go with the open source?

    #123117

    atthe404
    Member

    Well its not the !important that needs to be changed. Its the images.

    #123125

    teleflip
    Member

    I could not find the folder where the original images are, so I uploaded the images in new folders and changed the CSS with new file paths to over ride the original sheet settings. I can not find the last remaining images in the theme to change its path. Am I doing this all wrong?

    #123127

    teleflip
    Member

    So here is my CSS that modifies the default theme CSS. Isnt this what your supposed to do to customize the themes? I created the new images already. I have uploaded them already. How do I get them in?

    .BlogText {
    font-family:Verdana, Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#666666;
    line-height:20px;
    }

    .BlogText a {
    color:#6CAA55;
    text-decoration:underline;
    }

    .BlogText a:hover {
    color:#445492;
    text-decoration:underline;
    }

    .headLineBlogGrey {
    font-family:Meta Norm, Arial,sans-serif,Verdana;
    font-size:18px;
    font-weight:normal;
    color:#6e7887;
    line-height:20px;
    }

    #masthead h2 {
    background:url(‘http://teleflip.files.wordpress.com/2007/05/spacer.gif’) no-repeat;
    color:#78befa;
    }

    body {
    background:url(‘http://teleflip.files.wordpress.com/2007/06/bg2.jpg’) #EFEFEF no-repeat top left;
    }

    .sideitem {
    background-color:#6caa55;
    }

    .sideitembottom {
    background:url(‘http://teleflip.files.wordpress.com/2007/05/sbr1.gif’) no-repeat top right;
    }

    .sideitemtop {
    background:url(‘http://teleflip.files.wordpress.com/2007/05/str1.gif’) no-repeat top right;
    }

    #pagetab .ltab {
    background:url(‘http://teleflip.files.wordpress.com/2007/05/lpt.gif’) no-repeat;
    }

    #pagetab .rtab {
    background:url(‘http://teleflip.files.wordpress.com/2007/05/rpt.gif’) no-repeat;
    }

    .postbottom {
    background:url(‘http://teleflip.files.wordpress.com/2007/05/br1.gif’) no-repeat top right;
    }

    .postop {
    background:url(‘http://teleflip.files.wordpress.com/2007/05/tr1.gif’) no-repeat top right;
    }

    h3#respond {
    background:url(‘http://teleflip.files.wordpress.com/2007/06/bobble3.gif’) no-repeat;
    color:#ffffff;
    }

    h3#comments {
    background:url(‘http://teleflip.files.wordpress.com/2007/06/cornerarrow2.gif’) no-repeat;
    color:#6caa55;
    }

    #commentform #comment {
    color:#4f402a;
    width:550px;
    margin:0;
    padding:10px 0 0;
    }

    #commentform #author,#commentform #email,#commentform #url,#commentform textarea {
    background:#fff;
    border-bottom:1px solid #3c311d;
    border-left:1px solid #453823;
    border-right:1px solid #3c311d;
    border-top:1px solid #453823;
    color:#4f402a;
    }

    #comments-post {
    color:#666666;
    }

    .post p a {
    background:#ffffff;
    color:#6CAA55;
    text-decoration:underline;
    }

    .post p a:hover {
    background:#ffffff;
    color:#49527b;
    text-decoration:underline;
    }

    #masthead {
    height:190px;
    }

    #masthead h1 {
    color:#bc252a;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:36px;
    font-weight:normal;
    text-transform:none;
    padding:10px 0 0 25px;
    }

    #masthead h1 a {
    color:#bc252a;
    }

    #123169

    teleflip
    Member

    Anyone there that can help?

    #123171

    raincoaster
    Member

    No CSS gurus around at the moment. You might want to check out some CSS forums as well, as I understand the transferability of the instructions is pretty clean.

    #123207

    atthe404
    Member

    No I dont think you are doing anything wrong at all. Why not try it out. Good luck with hunting down the last images.

    #123273

    judyb12
    Member

    Here’s some info on the !important:
    http://www.w3.org/TR/REC-CSS2/cascade.html (scroll down to section 6.4.2)

    And here’s info on the CSS display property:
    http://www.w3schools.com/css/pr_class_display.asp

    couldn’t you just say:

    img.corner {
    border: none;
    display: block !important;
    height: 15px;
    width: 15px;
    background-image: url(YOUR URL HERE);
    }

    i don’t know if that would work or not

    #123604

    davidgabunia
    Member

    hi there,

    how can i change my blog’s design? just explane me, please.

    #123607

    raincoaster
    Member

    You need to know how to use CSS and then you need to buy the CSS upgrade. If you don’t already know how to use CSS, don’t buy the upgrade. Learn it first.

    #123608

    trent
    Member

    That or just switch the themes that are already here from your Admin -> Presentation.

    Trent

The topic ‘About ! Important’ is closed to new replies.