Remove Tag cloud underline
-
Hi,
I have a blog at http://virtualthoughts.org/ and seem to have issues with the Tag cloud. I want to remove the underline and no matter the CSS files I edit to set text-decoration: none, they seem to be there.
I manually inserted the code style=”text-decoration: none” for the links under “Articles of Interest”
Any help to remove the underlining of links is greatly appreciated.
prax
-
.ctc a { text-decoration:none; }If that doesn’t work force it..
.ctc a { text-decoration:none!important; }I still seem to have this problem. Please take a look at the site above on the right hand side you can find the Tag Cloud. Here is my STYLE.CSS
Greatly appreciate the help:
`
body{
margin: 0px;
padding: 0px;
background: #e7e7e7 url(“images/backgroundShadow.jpg”) repeat-y center top;
text-align: center; /* centering for IE */
font: small/1.6em Arial, Verdana, ‘Trebuchet MS’, Tahoma, Sans-serif;
color: #444 !important;
}
#container
{
width: 990px;
margin: 0px auto; /* centering for non-IE browsers */
border-left: 0px #ccc solid;
border-right: 0px #ccc solid;
padding: 0px;
background: #1f2126;
text-align: left;
}
#contentContainer
{
background: #fff;
color: #555 !important;
}
#content
{
width: 660px;
border: 0px solid #f60;
padding: 35px 25px 40px 25px;
line-height: 1.2; /* for IE6 peek-a-boo bug */
color: #555 !important;
}
/* ############################################################ */
/* ################### header styles follow ################# */
/* ############################################################ */
#topProfileBar
{
height: 94px;
margin: 0px;
border: 0px;
padding: 0px;
background: #fff url(“images/topProfileBar.jpg”) no-repeat top left;
font: 18px arial, tahoma, verdana, geneva, sans-serif;
color: #eee;
}
#logo
{
width: 600px;
margin: 0px;
border: 0px;
padding: 11px 0px 0px 11px;
}
#blogMeta
{
width: 300px;
float: right !important;
margin: 10px 15px 0px 0px;
border: 0px;
padding: 0px;
color: #999;
font-size: 65%;
font-weight: normal;
font-style: italic;
text-align: right;
}
#logo img
{
border: 0px;
}
#blogName
{
margin: 12px 0px 0px 10px;
font-size: 2.1em;
font-style: italic;
color: #fff;
}
#blogName a:link,
#blogName a:active,
#blogName a:visited,
#blogName a:hover
{
color: #fff;
text-decoration: none;
}
#blogDescription
{
margin: 0px 0px 0px 10px;
font-size: 0.8em;
color: #ddd;
}
#topNavigationBar
{
height: 37px;
margin: 0px;
border: 0px;
padding: 5px 20px;
background: #fff url(“images/topNavigationBar.jpg”) no-repeat top left;
font: bold 10px arial, verdana, tahoma, geneva, sans-serif;
line-height: 13px;
color: #555;
}
#latestUpdate
{
background-image: url(“images/showMeTab.gif”);
background-position: top left;
background-repeat: no-repeat;
margin: 10px 0px 0px 0px;
*margin: 15px 0px 0px 0px;
border: 0px;
padding: 0px 0px 0px 82px;
font-size: 12px;
height: 16px;
line-height: 16px;
font-weight: normal;
color: #777;
}
#latestUpdate a:link,
#latestUpdate a:active,
#latestUpdate a:visited,
#latestUpdate a:hover
{
margin: 0px;
border: 0px;
padding: 1px 4px;
color: #777;
}
#searchBox
{
margin: 7px 0px 0px !important;
border: 0px !important;
padding: 0px !important;
float: right;
width: 262px !important;
vertical-align: top;
height: 22px;
text-align: right;
}
#searchField
{
*margin: 0px 0px 1px 0px;
margin: 0px 0px 3px 0px;
padding: 1px 0px 0px 4px;
width: 172px;
height: 19px;
border: 1px #bbb solid;
border-right: 0px #bbb solid;
color: #888;
line-height: 1.4em;
float: none;
font-size: 1.2em;
display: inline;
vertical-align: bottom;
}
#searchButton
{
margin: 0px 0px 0px -3px;
border: 0px;
padding: 1px 0px 0px;
float: none;
line-height: 1.6em;
width: 83px;
height: 22px;
display: inline;
}
/* ############################################################ */
/* ################ right-column styles follow ############## */
/* ############################################################ */
#sidebar
{
width: 260px;
float: right;
margin: 35px 20px 40px 0px;
border-left: 0px #ccc dotted;
padding: 0px;
background-image: url(“images/rightColumnBackground.gif”);
background-position: 0px 0px;
background-repeat: no-repeat;
font-size: 90%;
}
#sidebar ul
{
margin: 7px 0px 7px 0px;
border: 0px none;
padding: 0px;
list-style-type: none;
text-align: left;
}
#sidebar ul li
{
display: block;
}
#sidebar ul li a,
#sidebar ul li a:link,
#sidebar ul li a:active,
#sidebar ul li a:visited,
#sidebar ul li a:hover
{
margin: 0px;
border: 0px;
border-bottom: 0px;
padding: 2px 4px 2px 30px !important;
color: #666;
text-decoration: none;
background: url(“images/arrow.gif”) no-repeat 10px 7px;
display: block;
}
#sidebar ul li a:hover
{
background: #ddd url(“images/arrow2.gif”) no-repeat 10px 7px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
color: #666;
}
.sectionHeading
{
margin: 8px 0px 0px 12px;
color: #666;
font-weight: bold;
}
#syndication
{
margin: 0px 0px 30px 0px;
border-top: 0px #ddd solid;
padding: 7px 0px 7px;
background: #fff;
color: #888;
}
#syndication .sectionHeading
{
margin: 0px 0px 7px 0px;
}
.separator
{
margin: 5px 0px 0px;
height: 12px !important;
line-height: 12px !important;
border: 0px !important;
padding: 0px;
background: url(“images/rightColumnHR.gif”) no-repeat top left;
}
#tagCloud
{
padding: 5px 10px;
}
#tagCloud a:link,
#tagCloud a:active,
#tagCloud a:visited,
#tagCloud a:hover
{
margin: 0px;
border: 0px;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
font-family: verdana, geneva, sans-serif;
padding: 1px 4px;
color: #999;
text-decoration: none;
display: inline;
border-bottom: 0px;
}#tagCloud a:hover
{
color: #555;
background-color: #ccc;
text-decoration: none;
border-bottom: 0px;
}
/* ############################################################ */
/* #################### post styles follow ################## */
/* ############################################################ */
.post
{
border-bottom: 0px;
padding-top: 7px;
padding-bottom: 7px;
margin-top: 0px !important;
margin-bottom: 7px;
}
.postContent
{
margin: 0px;
border: 0px;
padding: 0px;
}
.articleTitle
{
color: #666 !important;
font-weight: bold;
text-decoration: none;
}
.post a:link,
.post a:active,
.post a:visited,
.post a:hover
{
margin: 0px;
border: 0px;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
padding: 1px 4px;
color: #07c;
text-decoration: none;
display: inline;
}
.post a:hover
{
color: #07c;
background-color: #ccc;
}
.more-link
{
font-size: 0.75em;
}
.postMeta
{
margin: 20px 0px 0px 0px;
padding: 15px;
border: 1px #dbdbdb solid;
background: #eee url(“images/postMetaBack.jpg”) no-repeat top right;
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
color: #888;
font-size: 75%;
text-transform: uppercase;
line-height: 1.7em;
display: block;
}
.postMeta a,
.postMeta a:link,
.postMeta a:active,
.postMeta a:visited,
.postMeta a:hover
{
margin: 0px;
border: 0px;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
padding: 1px 4px;
color: #07c;
text-decoration: none;
display: inline-block;
}
.postMeta a:hover
{
color: #07c;
background-color: #ccc;
}
a.readFullLink:link,
a.readFullLink:active,
a.readFullLink:visited,
a.readFullLink:hover
{
margin: 0px;
border: 0px;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
padding: 1px 4px;
color: #07c;
text-decoration: none;
display: inline !important;
font-size: 80% !important;
font-style: italic;
}
a.source:link,
a.source:active,
a.source:visited,
a.source:hover
{
padding-left: 0px !important;
color: #f60;
font-style: italic;
clear: none;
}
.resultMeta .readFullLink
{
float: right;
}
.inlineComments
{
float: right;
display: inline;
}
h1, h2
{
margin: 0px 0px 5px;
border: 0px;
border-bottom: 0px;
padding: 0px;
font-size: 120%;
font-weight: bold;
line-height: 20px;
color: #666;
}
h1 a:link,
h1 a:active,
h1 a:visited,
h1 a:hover
{
padding-left: 0px !important;
color: #07c;
}
h2
{
font-size: 105%;
font-weight: bold;
line-height: 20px;
color: #777;
}
.post ol, .post ul
{
}
.post li
{
margin: 0px 0px 10px 0px;
line-height: 1.3em;
}
.pagination
{
display: block;
}
.olderPosts
{
float: left;
display: inline;
}
.newerPosts
{
float: right;
display: inline;
}
.pagination a,
.pagination a:link,
.pagination a:active,
.pagination a:visited,
.pagination a:hover
{
margin: 0px;
border: 0px;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
padding: 3px 6px !important;
line-height: 160%;
background: #eee;
color: #07c;
text-decoration: none;
display: inline;
}
.pagination a:hover
{
background-color: #ccc;
}
#adsenseMain
{
margin: 15px 20px 20px 0px;
border: 0px;
padding: 0px;
float: left !important;
clear: left;
}
/* ############################################################ */
/* ############## archive, tag, search pages styles ########### */
/* ############################################################ */
#resultsMeta
{
margin: 20px 0px 20px 0px;
padding: 3px 5px 3px;
border: 1px #e2e2e2 solid;
background: #ededed;
line-height: 1.4em;
display: block;
}
#resultsMeta .searchType
{
font-weight: bold !important;
font-style: italic !important;
}
/* ############################################################ */
/* ################### comment styles follow ################ */
/* ############################################################ */
.oddNumberComment, .evenNumberComment
{
display: block;
padding: 10px;
border-bottom: 0px;
background: #fff;
}
.evenNumberComment
{
background: #eee;
}
.oddNumberComment .rank, .evenNumberComment .rank
{
width: 30px;
font-size: 28px;
font-family: Tahoma, Arial, Geneva, sans-serif;
font-weight: bold;
color: #ccc;
float: left;
}
.evenNumberComment .rank
{
color: #fff;
}
.comment
{
padding: 5px 10px 10px 40px;
font-size: 85%;
font-family: Tahoma, Arial, Geneva, sans-serif;
color: #666;
line-height: 1.6em;
}
#commentform #author, #commentform #email
{
height: 23px;
display: block;
line-height: 23px;
margin-bottom: 10px;
}
#commentform #author input, #commentform #email input
{
*margin: 0px 0px 1px 0px;
margin: 0px 0px 1px 0px;
padding: 1px 0px 0px 4px;
width: 210px;
height: 19px;
border: 1px #bbb solid;
color: #666;
float: none;
background: #eee;
}
#comment
{
width: 638px;
height: 200px;
padding: 10px;
border: 1px #ccc solid;
background: #f2f2f2 url(“images/navigationFooterBackground.jpg”) no-repeat top left;
font-family: Arial, Tahoma, Geneva, sans-serif;
font-size: 105%;
overflow: auto;
color: #888;
}
.avatar
{
margin: 5px 10px 5px 5px;
width: 45px;
height: 45px;
float: right;
}
/* ############################################################ */
/* ################### footer styles follow ################# */
/* ############################################################ */
#navigationFooter
{
margin: 0px;
border: 0px;
border-top: 1px #ccc solid;
padding: 15px 0px 25px 0px;
background: #f2f2f2 url(“images/navigationFooterBackground.jpg”) no-repeat top left;
text-align: left;
color: #888;
font-size: 90%;
clear: both;
}
#navigationFooter #footerLeft
{
width: 429px;
float: left;
margin: 0px 0px 20px 00px;
border: 0px #ddd solid;
}
#navigationFooter #footerRight
{
width: 560px;
float: left;
margin: 0px 0px 20px 00px;
border: 0px #ddd solid;
}
#navigationFooter .footerSection ul
{
margin: 15px 0px 0px 0px;
border-left: 1px #ddd solid;
padding: 0px;
list-style-type: none;
text-align: left;
}
#navigationFooter .footerSection:first-child ul
{
border-left: 0px #ddd solid;
}
#navigationFooter .footerSection ul li
{
display: block;
}
#navigationFooter .footerSection ul li a,
#navigationFooter .footerSection ul li a:link,
#navigationFooter .footerSection ul li a:active,
#navigationFooter .footerSection ul li a:visited,
#navigationFooter .footerSection ul li a:hover
{
margin: 0px;
border: 0px;
border-bottom: 0px;
padding: 3px 15px 2px 34px !important;
color: #888;
text-decoration: none;
background: url(“images/arrow.gif”) no-repeat 15px 9px;
display: block;
}
#navigationFooter .footerSection ul li a:hover
{
background: #eaeaea url(“images/arrow2.gif”) no-repeat 15px 9px;
color: #07c;
}
#copyrightFooter
{
margin: 0px;
border: 0px;
padding: 10px 14px;
font: normal 12px arial, verdana, tahoma, geneva, sans-serif;
line-height: 16px;
color: #bbb;
}
#themeCredit
{
width: 200px;
float: right;
font: 11px/16px tahoma, arial, verdana, geneva, sans-serif;
color: #bbb;
text-align: right;
}
#copyrightFooter a:link,
#copyrightFooter a:active,
#copyrightFooter a:visited,
#copyrightFooter a:hover
{
color: #bbb;
text-decoration: none;
}
#aboutUs
{
width: 600px;
}
#aboutUs a
{
padding: 0px 5px 0px 0px;
font: 11px/10px tahoma, arial, verdana, geneva, sans-serif;
height: 12px;
}
.linkSeperator
{
border-left: 1px #aaa solid;
padding: 0px 5px 0px 7px !important;
}
/* ############################################################ */
/* ################## general styles follow ################# */
/* ############################################################ */
.clearfix:after {
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
p
{
margin: 10px 0px 10px 0px;
border: 0px;
padding: 0px 0px 0px 0px;
line-height: 1.3em;
color: #545454 !important;
}
hr
{
height: 0;
border: 0;
border-top: 1px solid #ccc;
}
.clear
{
clear: both;
height: 40px;
border: 0px solid #f60;
}
.hidden
{
display: none;
}
#contentAdBlock
{
float: left;
width: 340px;
height: 340px;
margin: 0px 0px 20px 20px;
}
/* ############################################################ */
/* ############ mootools component styles follow ############ */
/* ############################################################ */
.tip-title
{
border-right: 0px #fff solid;
border-bottom: 0px;
padding: 3px 20px 0px 6px;
}
.tip-text, .tip-top, .tip-bottom
{
display: none;
}
.titleTip, .tagTip
{
height: 80px;
width: 140px;
background: url(“images/toolTip.gif”) no-repeat left bottom;
text-align: left;
}
.titleTip .tip, .tagTip .tip
{
height: 102px;
padding: 3px;
border-top: 0px #2d2b2b solid;
border-left: 0px #2d2b2b solid;
border-right: 0px #2d2b2b solid;
border-bottom: 0px;
color: #fff !important;
font: normal 11px/12px arial, verdana, tahoma, geneva, sans-serif;
}
.tagTip
{
height: 40px !important;
width: 120px;
}
.tagTip .tip
{
height: 62px !important;
width: 120px;
}
ul.autocompleter-choices
{
position: absolute;
margin: 0;
padding: 0;
list-style: none;
border: 0px none;
border-left-color: #c3c3c3;
border-right-color: #c3c3c3;
border-bottom-color: #ddd;
background-color: #fff;
text-align: left;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
z-index: 50;
background-color: #fff;
}
ul.autocompleter-choices li
{
position: relative;
margin: -2px 0 0 0;
padding: 0.2em 1.5em 0.2em 1em;
display: block;
float: none !important;
cursor: pointer;
font-weight: normal;
white-space: nowrap;
font-size: 0.9em;
line-height: 1.5em;
}
ul.autocompleter-choices li.autocompleter-selected
{
background-color: #444;
color: #fff;
}
ul.autocompleter-choices span.autocompleter-queried
{
display: inline;
float: none;
font-weight: bold;
margin: 0;
padding: 0;
}
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
color: #9FCFFF;
}
/* ############################################################ */
/* ############ wordpress default styles follow ############# */
/* ############################################################ */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}`
Please don’t post huge chunks of code here. For larger blocks of code, use the WordPress pastebin. It makes life easier for everyone.
Try adding:
#sidebar a {text-decoration:none;} #sidebar a:hover,#sidebar a:active,#sidebar a:focus {text-decoration:underline;}to the bottom of style.css.
Esmi,
Thanks a ton, I was able to resolve the Tag Clou underline issue after adding your suggestions to the style.css. I hadn’t known the Pastebin stuff and sorry for posting the huge dump of code here,
I tried this, and had no visible effect.
In order to affect the links, I had to embed “text-decoration:none” in the anchor creation in category-template.php
(from:$a[] = "<a href='$tag_link' class='tag-link-$tag_id' title='" . esc_attr( $topic_count_text_callback( $count ) ) . "'$rel style='font-size: " . ( $smallest + ( ( $count - $min_count ) * $font_step ) ) . "$unit;'>$tag_name</a>";to:
$a[] = "<a href='$tag_link' class='tag-link-$tag_id' title='" . esc_attr( $topic_count_text_callback( $count ) ) . "'$rel style='text-decoration:none; font-size: " . ( $smallest + ( ( $count - $min_count ) * $font_step ) ) . "$unit;'>$tag_name</a>";Hopefully this doesn’t bite me later…
- The topic ‘Remove Tag cloud underline’ is closed to new replies.