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.
How Do I Remove Underscore Line In Bulletproof Template
-
- Regular
- Posts: 3652
- Joined: Mon Feb 13, 2006 2:40 am
- Location: Chicago, IL, USA
- Contact:
Re: How Do I Remove Underscore Line In Bulletproof Template
That might depend on the colorset you are using. Any chance you can post a URL to your site?
=Don=
-
- Regular
- Posts: 3652
- Joined: Mon Feb 13, 2006 2:40 am
- Location: Chicago, IL, USA
- Contact:
Re: How Do I Remove Underscore Line In Bulletproof Template
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:
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}
=Don=
Re: How Do I Remove Underscore Line In Bulletproof Template
Thanks! I will give this a shot.
Re: How Do I Remove Underscore Line In Bulletproof Template
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.
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.
-
- Regular
- Posts: 3652
- Joined: Mon Feb 13, 2006 2:40 am
- Location: Chicago, IL, USA
- Contact:
Re: How Do I Remove Underscore Line In Bulletproof Template
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.
You may need to do a bit of googling on classes and IDs so you will know HOW to style the desired elements.
=Don=
-
- Regular
- Posts: 17
- Joined: Tue Mar 18, 2008 4:07 am
- Location: Malaysia
- Contact:
Re: How Do I Remove Underscore Line In Bulletproof Template
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
Here's my blog link if you need it: http://julianhopkins.net/
Thanks for any help,
cheers,
Julian
-
- Regular
- Posts: 3652
- Joined: Mon Feb 13, 2006 2:40 am
- Location: Chicago, IL, USA
- Contact:
Re: How Do I Remove Underscore Line In Bulletproof Template
In your template's stylesheet is this:
you could try this instead:
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.
Code: Select all
a:hover {color:#808080;
text-decoration:underline; }
Code: Select all
a:hover {color:#808080;
text-decoration: none;
background-color: transparent;
border-width: 0 0 1px 0;
border-style: dotted;
}
=Don=
-
- Regular
- Posts: 17
- Joined: Tue Mar 18, 2008 4:07 am
- Location: Malaysia
- Contact:
Re: How Do I Remove Underscore Line In Bulletproof Template
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?
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?
-
- Regular
- Posts: 3652
- Joined: Mon Feb 13, 2006 2:40 am
- Location: Chicago, IL, USA
- Contact:
Re: How Do I Remove Underscore Line In Bulletproof Template
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;
}
=Don=