CSS Issues in Black Letter-Head Theme
-
Hello. I’m a newbie here with CSS, well and everything in between… haven’t even bought the package yet. But when I try to adjust the background image in the CSS preview by adding this “background-image:url(‘http://nofopa.files.wordpress.com/2010/03/webtreatsetc-rtt-5.jpg’);”, it gives me this like bullet points in front of my categories on the sidebar: \ BB \ 20.
Not sure if you can link to this or not, but http://nofopa.files.wordpress.com/2010/03/screenshot.jpg
I don’t want to buy the css and have this problem if its a flaw in the theme. ANYONE— I appreciate the time!
Karrie @ No Fo PaThe blog I need help with is: (visible only to logged in users)
-
Don’t worry only the CSS preview will show the “\BB \20” .when you buy the upgrade and use it, it wont show get that.
-
I think this is a bug. I’m checking with the developers. We’ll report back here when we have more information.
For now, you can get around the problem by removing the following from your Custom CSS. This CSS is in the theme’s main CSS file, so you don’t need to duplicate it in your Custom CSS.
#sidebar ul ul li:before { content:"0BB 020"; }In fact, if you select the “Add this” option below the CSS editor, then you only need to add the CSS you are adjusting to the edit area, you don’t have to add all of the CSS there.
-
Explaining a bit further what Designsimply has said, “removing”, in this case, means that you need to override the default selector’s definition, in this case you would need to type this in your CSS Editor:
#sidebar ul ul li:before { content: none; }If you plan on buying the CSS upgrade, I would also recommend to you reading this:
http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/
-
Unless I’m missing something (or misunderstoodwhat you said) , I respectfully do not agree. Here’s why:
The server sends the default CSS first in which the original definition reads like you said. Then, the server sends the custom css file, which would contain the user defined selector. If the OP wants to get rid of those bullets, then his/her definition should override the original CSS, because as you know, whatever is defined at the bottom of the stylesheet is what takes precedence.
Example:
[default CSS] body { background: #333; font: normal 1em Arial; } ... ... [user defined CSS (appended after the default CSS)] body { background: #fff; font: normal 1em Arial; }The browser will display a white background. Same thing with the bullets code:
[default CSS] #sidebar ul ul li:before { content:"0BB 020"; } ... ... [user defined CSS (appended after the default CSS)] #sidebar ul ul li:before { content: none; }The browser will take the user defined selector instead.
All this is assuming the person has the “Add to existing CSS” radio button checked.
Now, if the OP checks the “Start from scratch” radio button, then no need to override anything at all because the OP would only need to simply remove the selector from the CSS file, like you originally said, since there would be no Style Sheet to kick in later.
Now, if I misunderstood you and you meant that after this bug gets fixed, then yes, no need to override anything.
-
Just an addendum, what I explained in my post above is one of the things I’m explaining in the article a linked to above:
http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/
-
@devblog The original question was about how to change the background image on the body tag. So, they don’t need the ‘#sidebar ul ul li:before’ CSS call in their custom CSS at all if they’re just trying to change the background image.
But if they are trying to change the bulleted list in the sidebar, then your advice is better.
P.S. You’re really good at this CSS stuff. I always appreciate your input (and also when you correct me when I’m wrong)! Thanks. :)
-
Giving further thought to your first reply, I believe the solution you gave the OP was based on the assumption that he/she might be pasting the entire CSS in the Editor. If so, then you are totally right; by removing that definition from the Editor, the original should kick in.
If this is the case, I indeed misunderstood you. Please disregard my previous posts… It’s Friday and guess I’m exhausted…
My reply was based on the assumption that the OP had ONLY this code in the CSS Editor
background-image:url('http://nofopa.files.wordpress.com/2010/03/webtreatsetc-rtt-5.jpg');Thus, suggested overriding the original definition.
I also assumed that because of this bug, this change was causing the blog to display those characters…
-
Darn, you beat me to my reply. Slow much?
Again, I think I was in the wrong and gave my replies based on wrong assumptions.
My bad.
-
-
WOW…. it’s like I have a whole team looking out for me. Thanks so much to all. When I get a spare moment, I’ll tinker with it, and post when it’s looking so fabulous thanks to you all.
Peace,
Karrie @ No Fo Pa -
I remember this same thing happening before perhaps with another theme where the CSS filters were borking the bullet code.
-
This is still SO FOREIGN to me… but I followed the advice and took out that section. And it worked, its all written in secret code, and I’m still figuring it out. But I got the background in, and the bullets look good. Thanks so much for all your help, so cool to have a community for guidance.
Karrie @ No Fo Pa
Check it out…
http://nofopa.wordpress.com/
- The topic ‘CSS Issues in Black Letter-Head Theme’ is closed to new replies.
WordPress.com Forums 
