Over-riding CSS possible? Doesn’t seem to work

ctworkshop · Member · Apr 13, 2009 at 4:26 am
Copy link

Add topic to favorites
Hello,

I am using the Digg 3 Column theme and am having trouble with some of the image borders. The image borders continue to appear as a light gray color.

This seems to be loaded in the CSS of the theme with the following:

.post img{
padding: 4px;
border: 1px solid #ddd;
background: #fff;
}

So in my page, I would try to edit the HTML of the image as follows in order to over-ride the CSS:
<img title=”Arrow” src=”http://ctworkshop.wordpress.com/files/2009/01/0z_arrow_graphic.gif” alt=”Arrow” border=”0″ />

In other words, I don’t want the border to appear. However, it continues to appear!

Here is the page in question:
http://ctworkshop.wordpress.com/icamp/about-icamp/

Any thoughts on how to resolve this without upgrading to enable custom CSS?

Thanks

The blog I need help with is: (visible only to logged in users)
raincoaster · Member · Apr 13, 2009 at 6:34 am
Copy link
You can’t edit your CSS without purchasing the CSS upgrade. That is exactly why that is not working.
ctworkshop · Member · Apr 13, 2009 at 12:23 pm
Copy link
I’m new to CSS but would have thought that you could simply over-ride it.

If you had any site with a CSS style defined, then woulnt you be able to override it for specific localized instances?
1tess · Moderator Emeritus · Apr 13, 2009 at 1:38 pm
Copy link
No, you must purchase the upgrade from WordPress.com. Keep in mind this blogging platform is a free service provided by them.
http://support.wordpress.com/?s=css+upgrade
ctworkshop · Member · Apr 14, 2009 at 3:51 am
Copy link
I purchased the custom CSS upgrade from WordPress but now I have lost the formatting of my header tabs that link to all my main pages…

I haven’t changed / updated the CSS with anything custom, so I’m not sure what went wrong, however, how can I get my header back? Do I need to insert something into the CSS? Not sure what to insert since like I mentioned, it hasn’t changed.

Here is the affected site: http://ctworkshop.wordpress.com/
raincoaster · Member · Apr 14, 2009 at 6:23 am
Copy link
I see you got it fixed.
ctworkshop · Member · Apr 14, 2009 at 5:56 pm
Copy link
No it’s not fixed. The tab text appears but there should be a nice rounded square to define each tab and it’s missing. Also, the green tab text is unreadable on the gray background.
ctworkshop · Member · Apr 15, 2009 at 2:06 am
Copy link
Still looking for some feedback on this issue… we’re quite frustrated that we purchased the upgrade for custom CSS but have suddenly lost the correct formatting of the tabs at the top of the page.

If you look at the standard Digg 3 Column theme, the tabs at the top should be green in color with a white border. In ours, the tabs are gone and only the text remains – and the text is hard to read given it is green on gray.

Is there some CSS code that we lost in the purchase process? Again… very frustrated till we get this resolved. Thanks.
ellaella · Member · Apr 15, 2009 at 2:35 am
Copy link
This is the original CSS. The declaration display: block controls whether the buttons appear. This way they do.
```
#menu ul li{
	float: left;
	margin: 0 5px 0 0;
	font-size: 14px;
	font-weight: bold;
	background: url(images/bg_tab_right.gif) no-repeat right top;
	color: #325b0a;
}

#menu ul li a{
        display: block;
	padding: 14px 20px 10px;
	text-decoration: none;
	background: url(images/bg_tab_left.gif) no-repeat left top;
	color: #325b0a;
}
```
If you’re changing the stylesheet (start from scatch and use this) rather than using the add to option, you can always see the original by clicking the View Original Stylesheet link.
ctworkshop · Member · Apr 15, 2009 at 3:49 am
Copy link
That didn’t work (I actually had that code in the CSS already present.

I’m wondering if the bg_tab_left.gif and bg_tab_right.gif files are gone? Where are they supposed to be?
ctworkshop · Member · Apr 15, 2009 at 5:37 pm
Copy link
Still looking for some help on this… Looks like the tab images have been lost since the css code is still intact.

We can make the images but wondering where we would need to store them so they get displayed?

Thanks
raincoaster · Member · Apr 15, 2009 at 7:34 pm
Copy link
you simply use the regular image uploader, as if you were going to put them in a post. Copy the URL from there.

No items found.