Template TAG: wp_list_bookmarks
-
Hi all,
This is great, could someone please let me know how I can change the ‘Useful Links’ font on my site ?
Thank you,
Leon ??
-
Well…..you can do it in your sidebar section of your style.css file
you can either add
#sidebar h2
to itor
.linkcat h2
should do it….then style as you would like it
The useful links is wrapped in an h2, but you sidebar in your css only defines h3 headings, so I believe your h2 in your sidebar is using the overall h2 settings set near the top of your css…..so you just need to define the more specific h2
you can play around a bit….but here’s what makes the Categories title look the way it does:
#sidebar h3 { padding-bottom: 5px; padding-top: 1px; width: 180px; font-size: 16px; padding-left: 10px; }
assigns all the characteristics to the text, and:
#sidebar h3.folder { background: url(images/folder.gif) no-repeat 95% 60%; }
gives it the nice folder icon…. you could combine them up to match exactly….or mess around a bit to get what you want
for instance adding this to your css, would make it identical to the categories header
#sidebar h2 { padding-bottom: 5px; padding-top: 1px; width: 180px; font-size: 16px; padding-left: 10px; background: url(images/folder.gif) no-repeat 95% 60%; }
As always make a BACKUP of anything before you mess with it
fantastic, I have put it in!
Do you know how I can get the little line underneath and make it darker blue?
Thank you, this is really helpful ??
/* Theme Name: Wiki Theme Theme URI: https://themeforest.com/ Description: Custom WordPress Wiki theme with custom FAQs plugin built specifically to extend this theme. Version: 1.0 Author: Derek Herman Author URI: https://valendesigns.com/ */ /* Resets */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: #696969; background: #eaeaea; font: 13px/20px Tahoma, Arial, Helvetica, sans-serif; height: 100%; } html { overflow-y: scroll; } html, body { height: 100%; } p { padding-bottom: 15px; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote { line-height: 1.2em; font-style: italic; padding: 20px 20px 20px 60px; margin: 20px 0; background: url(images/quote.png) no-repeat 0 0; } dl dt { margin-top: 15px; font-weight: bold; } dl dd { margin: 0; } blockquote { font-size: 12px; font-style: italic; padding: 20px 20px 20px 60px; margin: 20px 0; background: url(images/quote.png) no-repeat 0 0; } acronym { cursor: help; border-bottom: 1px dashed #333; } strong { font-weight: bold; } em { font-style: italic; } hr { display: none; } .right { float: right; } .left { float: left; } .hidden { display: none; } .clear { clear: both; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 5px 0 5px 0; color: #000; } h1 { font-size: 20px; line-height: 25px; margin-bottom: 10px; } h2 { font-size: 23px; line-height: 28px; } h3 { font-size: 19px; line-height: 24px; } h4 { font-size: 17px; line-height: 22px; } h5 { font-size: 15px; line-height: 20px; } h6 { font-size: 14px; line-height: 19px; } /* Header */ #header_wrap { position: relative; height: 200px; min-width: 1000px; } #header { position: relative; height: 200px; width: 1000px; margin: 0 auto; z-index: 99; } #header .gradient { position: absolute; left: -120px; top: 0; } #header .logo { position: absolute; left: 30px; top: 70px; } /* Page Navigation */ #header .navigation { position: absolute; right: 30px; bottom: 0px; } #header .navigation li { float: left; } #header .navigation li a { display: block; background: #000; padding: 5px 15px; padding-bottom: 6px; color: #fff; margin-left: 3px; font-size: 14px; border: 1px solid #000; border-bottom: none; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; } #header .navigation li a:hover, #header .navigation li.current_page_item a, #header .navigation li.current_page_parent a { background: #fff; color: #000; border-color: #fff; } /* page */ #page_wrap { position: relative; background: #fff; min-width: 1000px; padding-top: 10px; padding-bottom: 10px; } #page { position: relative; width: 940px; margin: 0 auto; padding: 25px 30px; } /* Welcome Text */ #welcome { position: relative; width: 940px; margin: 0 auto; padding: 0px 30px; margin-top: 20px; color: #6c5448; font: 17px/24px Helvetica, Arial, sans-serif; } #welcome span { float: left; display: block; width: 120px; height: 100px; margin-top: 23px; margin-left: 10px; font-size: 33px; color: #303030; font-weight: bold; } #welcome_text { position: relative; background: #fed48b url(images/welcome_gradient.jpg) repeat-y 0 0; border: 1px solid #caa363; padding: 31px 35px; padding-bottom: 20px; z-index: 99; } /* Sidebar */ #sidebar { width: 200px; float: left; margin-right: 20px; } #sidebar h3 { padding-bottom: 5px; padding-top: 1px; width: 180px; font-size: 16px; padding-left: 10px; } #sidebar ul.users { width: 170px; padding: 0 10px; margin-bottom: 30px; position: relative; background: url(images/post_bg.gif) repeat-x 0 0; padding-top: 10px; } #sidebar ul.users .checkbox { float: left; margin-right: 6px; } .users .avatar { position: absolute; bottom:3px; right: 0px; border: 1px solid #d0d0d0; background: #f1f1f1; padding: 2px; } #sidebar h3.locked { background: url(images/lock.gif) no-repeat 95% 40%; } #sidebar h3.unlocked { background: url(images/unlock.gif) no-repeat 95% 40%; } #sidebar h3.search { background: url(images/quick_search.gif) no-repeat 95% 50%; } #sidebar h3.folder { background: url(images/folder.gif) no-repeat 95% 60%; } #sidebar h3.pages { background: url(images/pages.gif) no-repeat 95% 50%; } #sidebar h3.related { background: url(images/related.gif) no-repeat 95% 50%; } #sidebar .text { display: block; width: 154px; padding: 5px 7px; margin: 0px; margin-top: 3px; border: 1px solid #b4b4b4; border-top: 1px solid #727272; border-bottom: 1px solid #dadada; background: #fff url(images/tex_bg.gif) repeat-x 0 0; font-size: 13px; } #sidebar label { margin-bottom: 10px; display: block; } /* Live Search */ #livesearch { position: relative; background: url(images/post_bg.gif) repeat-x 0 0; width: 170px; display: block; padding: 10px 10px; margin-bottom: 15px; } #livesearch .text { margin-top: 10px; } #search-result { border-top: 1px solid #ccc; } #search-result li a { display: block; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; padding: 4px 5px; padding-bottom: 8px; } #search-result li a:hover { background: #eee; } div.live-search-results { height: auto; overflow: auto; padding: 5px 0px; padding-bottom: 10px; background:#fff; } .ajax-loading { background: url(images/ajax-loader.gif) no-repeat 0 0; height:16px; width: 16px; position: absolute; top: 25px; right: 20px; display: none; } /* Related Articles */ #related { padding:0px; text-indent:0px; width:190px; margin-bottom: 30px; background: url(images/post_bg.gif) repeat-x 0 0; padding-top: 10px; } #related li a { display:block; margin:0px; padding:0px 15px 0px 15px; text-decoration: none; } /* Category Navigation */ #navigation { padding:0px; text-indent:0px; width:190px; margin-bottom: 30px; background: url(images/post_bg.gif) repeat-x 0 0; padding-top: 10px; } #navigation li a { border-top: none; display:block; margin:0px; padding:4px 15px 5px 10px; text-decoration: none; } #navigation li a:hover, #navigation li.current-cat-parent > a, #navigation li a.down { color: #000; } #navigation ul { border-left: 1px solid #d0d0d0; margin-left: 15px; } #navigation li { list-style:none outside none; display:inline; } #navigation ul.show { display:block; } #navigation li li a { display:block; font-weight:normal; margin:0px; text-decoration: none; display:block; padding:1px 15px 3px 15px; text-decoration: none; background: url(images/li-sub.gif) no-repeat 0 12px; } #navigation li li.current-cat a { color: #000; } /* Page Sidebar Navigation */ #sidebar .navigation { padding:0px; text-indent:0px; width:190px; margin-bottom: 30px; background: url(images/post_bg.gif) repeat-x 0 0; padding-top: 10px; } #sidebar .navigation li a { border-top: none; display:block; margin:0px; padding:1px 15px 3px 10px; text-decoration: none; } #sidebar .navigation li { list-style:none outside none; display:inline; } #sidebar .navigation li li a { display: none; } #sidebar .navigation li.current_page_item a { color: #000; } #sidebar h2 { padding-bottom: 5px; padding-top: 1px; width: 180px; font-size: 16px; padding-left: 10px; background: url(images/folder.gif) no-repeat 95% 60%; } /* Content */ #content { float: left; width: 720px; } /* RSS Div */ #rss { position: absolute; right: 30px; top: 27px; width: 200px; height: 21px; } #rss span { position: absolute; font-size: 11px; } #rss img { position: absolute; right: 0px; } /* Bread Crumb */ #crumb { margin-bottom: 10px; margin-top: 10px; } #crumb li { display: inline; } .tags { position: absolute; right: 30px; top: 25px; padding-left: 20px; background: url(images/tags.gif) no-repeat 0 4px; } /* Post */ #content .post_wrap { float: left; background: url(images/post_bg.gif) repeat-x 0 0; width: 720px; margin-bottom: 10px; padding-top: 5px; position: relative; } #content .home h2 { font-size: 15px; margin-bottom: 0px; } #content .post_wrap h2 a { color: #000; } #content .post_wrap h2 a:hover { text-decoration: underline; } #content .post_wrap .post { padding: 20px; border-bottom: 1px solid #d0d0d0; background: #f1f1f1; padding-right: 60px; } #content .post_wrap .page { padding: 20px; border-bottom: 1px solid #d0d0d0; background: #f1f1f1; padding-right: 60px; } /*#content .post_wrap .post p { padding-right: 160px; }*/ #content .home .post { padding: 13px 2px; padding-right: 40px; border-bottom: 1px solid #d0d0d0; background: #fff; } /* FAQs */ #content #faq { padding: 5px 0px; background: #fff; } .my_faqs { margin-top: 30px; } #content #faq li a.question { padding: 5px 20px; display: block; background: url(images/collapsed.gif) no-repeat 5px 9px; color: #000; font-size: 14px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; position: relative; } #content #faq li a.question:hover { text-decoration: underline; } #content #faq li a.down { background: url(images/expanded.gif) no-repeat 5px 9px; } #content #faq li li { border-bottom: 1px solid #d0d0d0; padding: 20px; margin-bottom: 15px; padding-top: 0px; background: none; } #content .answer { display: none; } /* Single Page */ #page_wrap .faqs_page .my_faqs { margin-top: 0px; } .single h1 { font-size: 40px; line-height: 45px; color: #000; margin: 20px 0; } .single h2 { font-size: 28px; color: #000; margin: 10px 0; } .single li { position: relative; } #content .single ul, #content .single ol { margin-bottom: 30px; } #content .single li>ul, #content .single li>ol { margin-bottom: 0px; } #content .single ul li { margin-bottom:6px; margin-left: 27px; padding-left: 13px; } #content .single ol li { margin-bottom:6px; margin-left: 40px; } #content .single ul li { background: url(images/li.gif) no-repeat 0 10px; } #content .single ol li { list-style: decimal; } #content #sections { margin-left: 20px; margin-bottom: 0px; float: right; } #content #sections ul { padding: 30px 40px 15px 20px; background: #f1f1f1 url(images/sections.gif) no-repeat 20px 15px; border: 1px solid #d3d3d3; float: left; } #content #sections ul li { list-style: none; background: none; margin: 0px; padding: 0px; } #content #sections a { color: #4d4d4d; } #content #sections a:hover { color: #000; } .success { background: #e2fad6 url(images/accept.png) no-repeat 19px 19px; border: 1px solid #91db6c; padding: 15px; padding-left: 50px; color: #404040; margin-bottom: 20px; } .error { background: #fae1d6 url(images/exclamation.png) no-repeat 19px 19px; border: 1px solid #f59b73; padding: 15px; padding-left: 50px; color: #404040; margin-bottom: 20px; } .help { background: #eaf0f6 url(images/help.png) no-repeat 19px 19px; border: 1px solid #bcc6d0; padding: 15px; padding-left: 50px; color: #404040; margin-bottom: 20px; } .tip { background: #fafad6 url(images/wand.png) no-repeat 19px 19px; border: 1px solid #f6d87d; padding: 15px; padding-left: 50px; color: #404040; margin-bottom: 20px; } .rating_wrap { background: #eeeeee; border: 1px solid #d4d4d4; padding: 15px; color: #404040; margin: 20px 0px; } pre { background: #efefef url(images/cog.png) no-repeat 19px 19px; border: 1px solid #b6b6b6; padding: 15px; padding-bottom: 10px; padding-left: 50px; color: #404040; margin-bottom: 20px; line-height: 24px; font-size: 10px; font-family: Monaco, Courier, sans-serif; color: #333d48; } pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .wp-caption { background-color:#efefef; border:1px solid #b6b6b6; text-align:center; margin-bottom:15px; padding-top: 15px; padding-bottom: 11px; padding-right: 11px; padding-left: 11px; } .wp-caption img { border:1px solid #b6b6b6; margin: auto; } .wp-caption-text { text-align: center; font-size: 11px; font-style: italic; color: #404040; padding: 0px; margin: 0px; margin-top: 5px; } .improve { float: right; } .improve span { padding-left: 22px; background: url(images/contact.png) no-repeat 0 4px; } .aligncenter { display: block; margin: 0 auto; } .alignright { float: right; margin-left: 20px; } .alignleft { float: left; margin-right: 20px; } /* Pagination */ .button a:link, .button a:visited { padding: 3px 7px; border: 1px solid #d0d0d0; -moz-border-radius: 3px; -webkit-border-radius:3px; } .button a:hover { background: #f1f1f1; text-decoration:none; } .button a:active { text-decoration:none; } .wp-pagenavi { font-size: 11px; text-transform: uppercase; clear: both; font-weight: normal; text-align: right; border-bottom: 1px solid #d0d0d0; padding-bottom: 10px; } .wp-pagenavi a, .wp-pagenavi .current { padding: 3px 7px; border: 1px solid #d0d0d0; margin-left: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; } .wp-pagenavi a:hover, .wp-pagenavi .current { background: #f1f1f1; } .wp-pagenavi .pages { float: left; } .faq-pagenavi { width: 210px; position: absolute; top: -34px; right: 0px; font-size: 11px; text-transform: uppercase; } .faq-pagenavi .button { float: right; margin-left: 10px; } .faq-pagenavi .pageed { float: right; } /* Footer */ #footer_wrap { position: relative; background: url(images/footer_border.png) repeat-x 0 0; min-width: 1000px; } #footer { position: relative; width: 940px; padding: 24px 30px; font-size: 11px; margin: 0 auto; color: #7b7b7b; height: 20px; letter-spacing: 0.5px; } /* Comment */ .thread-alt { background-color: #f8f8f8; } .thread-even { background-color: white; } .depth-1 { border: 1px solid #ddd; } .even, .alt { border-left: 1px solid #ddd; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 100%; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform #submit { margin: 0 0 5px auto; float: right; } .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 10px !important; padding: 5px 0px 10px 10px; list-style: none !important; background: none !important; } .commentlist > li { padding-right: 5px; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; }
??
/* Link Color Styles */ a:link, a:visited { color: #0080a0; text-decoration: none; } a:hover { color: #000; text-decoration: none; } a:active { color: #0080a0; text-decoration: none; } /* Header Background Color */ #header_wrap { background: #003150; } /* Header Colors */ h1 { color: #004060; } #sidebar h3 { color: #004060; } /* Page Navigation Colors */ #header .navigation li a { background: #004768; color: #fff; border: 1px solid #004768; } #header .navigation li a:hover, #header .navigation li.current_page_item a, #header .navigation li.current_page_parent a { background: #fff; color: #004768; border-color: #fff; }
Oh I guess I have to link my entry to this css! EDIT: Done it! Now to work out the underline..
- The topic ‘Template TAG: wp_list_bookmarks’ is closed to new replies.