Need help? Check out our Support site, then


About ! Important

  1. 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.

  2. 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.

  3. 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.

  4. And the question is................

  5. 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?

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

  7. 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?

  8. 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;
    }

  9. Anyone there that can help?

  10. 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.

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

  12. 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

  13. hi there,

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

  14. 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.

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

    Trent

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.