How Do I Remove Underscore Line In Bulletproof Template

[saul]

Hi,

I like the plain background in the bulletproof temple, working on a minimalist look, but don't like the link lines My Site in the site and topic headers. How can I remove the lines?

Thanks in advance for any info.

[Don Chambers]

That might depend on the colorset you are using. Any chance you can post a URL to your site?

[saul]

It's here:

http://kundalini-support.com/blog

[Don Chambers]

You are using the blank colorset which provides no definition for link underline, so the underlines are a browser default.

Activate bulletproof's user stylesheet via "manage styles"... it should be one of the first few options.

Next, using a simple text editor, create a file named user.css in your /bulletproof/ template folder, or custom folder if you copied bulletproof elsewhere.

Add this to user.css:

Code: Select all

a:link,
a:visited,
a:hover,
a:active {text-decoration:none}

[saul]

Thanks! I will give this a shot.

[saul]

Worked!

I know nothing about css and was wondering if I change the text color of the blog title, post titles, etc., and the *"Posted by" in the user.css too, and, if so, how? Or do I change it somewhere else?

*Posted by ... at 21:45 <-- This, for example, would look better lighter, or a different color, than the content text to differentiate it from the content.

[Don Chambers]

Bulletproof comes with a few colorsets (blue, green, purple). In your bulletproof template folder, you will see their respective stylesheets as blue_style.css, green_style.css, purple_style.css. Perhaps you can look at those other stylesheets for ideas. You can add anything you want to user.css as it is designed to override anything that may have been set by the core bulletproof stylesheets. In the case of blank_style.css, there is very little to override.

You may need to do a bit of googling on classes and IDs so you will know HOW to style the desired elements.

[julianhopkins]

Hi I have a similar question - how can I can the hyperlinks from bold to a dotted underline in the andreas09 template?

Here's my blog link if you need it: http://julianhopkins.net/

Thanks for any help,
cheers,
Julian

[Don Chambers]

In your template's stylesheet is this:

Code: Select all

a:hover {color:#808080;  
   text-decoration:underline; }

you could try this instead:

Code: Select all

a:hover {color:#808080;  
text-decoration: none;
background-color: transparent;
border-width: 0 0 1px 0;
border-style: dotted;
}

I found the above method via google - I have never personally used it. You could also use a background image, which is in fact, what I most often see for this effect.

[julianhopkins]

Sorry I forgot to thank you for this, I tried it out and it works (for the hover), and I worked out how to make it apply to the standard link.

But then it also applies the same format to the tabs (along the top of the page) and blog titles, which is not so nice. Do you know if I can specify that it does not apply to those components of the blog?

[Don Chambers]

YOu can make the rule specific to just the content panel, which in your case would be:

Code: Select all

#contentC a:hover {color:#808080; 
    text-decoration: none;
    background-color: transparent;
    border-width: 0 0 1px 0;
    border-style: dotted;
}