About ! Important

teleflip · Member · Jul 6, 2007 at 6:35 pm
Copy link

Add topic to favorites
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.
atthe404 · Member · Jul 6, 2007 at 6:58 pm
Copy link
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.
teleflip · Member · Jul 6, 2007 at 7:04 pm
Copy link
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.
atthe404 · Member · Jul 6, 2007 at 7:25 pm
Copy link
And the question is…………….
teleflip · Member · Jul 6, 2007 at 7:31 pm
Copy link
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?
atthe404 · Member · Jul 6, 2007 at 8:07 pm
Copy link
Well its not the !important that needs to be changed. Its the images.
teleflip · Member · Jul 6, 2007 at 9:15 pm
Copy link
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?
teleflip · Member · Jul 6, 2007 at 9:20 pm
Copy link
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;
}
teleflip · Member · Jul 6, 2007 at 11:59 pm
Copy link
Anyone there that can help?
raincoaster · Member · Jul 7, 2007 at 12:17 am
Copy link
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.
atthe404 · Member · Jul 7, 2007 at 4:46 am
Copy link
No I dont think you are doing anything wrong at all. Why not try it out. Good luck with hunting down the last images.
judyb12 · Member · Jul 7, 2007 at 7:12 pm
Copy link
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
davidgabunia · Member · Jul 14, 2007 at 4:28 am
Copy link
hi there,

how can i change my blog’s design? just explane me, please.
raincoaster · Member · Jul 14, 2007 at 6:51 am
Copy link
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.
trent · Member · Jul 14, 2007 at 8:13 am
Copy link
That or just switch the themes that are already here from your Admin -> Presentation.

Trent

No items found.