Sign in to follow this  

[web] Remove CSS styles?

This topic is 3200 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Recommended Posts

Hi there, I'm trying to figure out how to remove style info from certain parts of my site - I don't want to just get rid of the CSS files however as it's tied in with the theme I'm using. Specifically, I have an image that I want to use as a link, but the theme is adamant that all links should be underlined and have a ">>" character next to them - this ruins the formatting of the image in firefox 1.5 The page I'm having trouble with is here, the image I'm talking about is the middle one (international cart racing). Is there any way to get rid of the style without having to trawl through the existing css files? I'm not overly familiar with CSS. I've tried various combinations of <a href=... class="none"> but can't figure it out. currently the part in question looks like this:
<a href="download/ICR.rar" id="null"><img src="images/thumbs/icrthumb.png" alt="International Cart Racing Screenshot" border="0" height="125" width="162"></a>

Any ideas?

Share this post


Link to post
Share on other sites
You can edit the file

themes/meta/css/userstyle-bg_paper.css

and line

#footer-area a:visited { border: 0; color: #fff; border-bottom: 1px dashed #ccc;}

to remove the underline.

The >> are coming from the image arrow2.gif which I'm still trying to find in the css.

Edit: themes/meta/css/pagestyles.css contains the style that applies arrow2.gif to the background. You're looking for:

#contentarea-middle2 .node a,
#contentarea-middle2 .node a:link,
#contentarea-middle2 .node a:visited {
background: url('images/arrow2.gif') no-repeat 100% 50% ;
padding-right: 9px;
border-bottom: 1px dotted #666;
color: #c60;
}

Share this post


Link to post
Share on other sites
[tears] wow, you now know more about my site theme than I do! (ff web developer extension, am I right?)
I'm cssed-out for the time being but I'll try that later, thanks a bunch :)

Share this post


Link to post
Share on other sites
Actually I used View Formatted Source in combination with the DOM Inspector which is installed with the developer tools (if you choose that option during Firefox install). When you mouse over the elements it will popup the styles applied to them and what files contain the style.



However, since drupal uses a rediculous number of styles and stylesheets (90% of which seem to just duplicate styles) the popup window is too tall for my browser and I couldn't see it all.

Share this post


Link to post
Share on other sites
Another really usefull tool is FireBug. It works great, especially in combination with the WebDev toolbar extension, but it's still a bit unstable. In can use voracious ammounts of memory on buggy sites that rely heavily on javascript's SetInterval(...function...) command.

Share this post


Link to post
Share on other sites

This topic is 3200 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this