http://www.kriesi.at/support/topic/hyperlink-colors Support Forum - Topic: Hyperlink Colors en-US Tue, 21 May 2013 07:06:47 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/hyperlink-colors#post-110206 Fri, 10 May 2013 01:06:38 +0000 Ismael 110206@http://www.kriesi.at/support/ <p>Hi,</p> <p>Everything with the "a" selector is considered as hyperlink. Some example are.</p> <p>#top .catnav li .sub-menu a. </p> <p>a{color:#0699BB;}<br /> a:hover{color:#333;}</p> <p>body .gallery li a, body .flickr li a</p> <p>They are all over the place, please take time to find them all and add the css modification you desire.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/hyperlink-colors#post-110105 Thu, 09 May 2013 16:28:33 +0000 acleverly 110105@http://www.kriesi.at/support/ <p>Hi Nick,<br /> This is old but I want to fix this how do I change the hyperlink colors for all hyperlinks here is the style sheet 1<br /> I thought I changed it to color #0699BB, but it is not showing that.</p> <p>body{<br /> background: #fff url(../images/skin1/bg.png) repeat-x 0 0;<br /> color:#666;<br /> }</p> <p>#top .logobg a{<br /> background: transparent url(../images/skin1/logo.png) no-repeat left top;<br /> }</p> <p>#headwrap{<br /> border-bottom:1px solid #aaa;<br /> }</p> <p>#headextras{<br /> background: #131313;<br /> border: 1px solid #333;<br /> }</p> <p>.social_bookmarks .rss a{background: transparent url(../images/skin1/rss_16.png) 0 0 no-repeat;}<br /> .social_bookmarks .facebook a{background: transparent url(../images/skin1/facebook_16.png) 0 0 no-repeat;}<br /> .social_bookmarks .twitter a{background: transparent url(../images/skin1/twitter_16.png) 0 0 no-repeat;}<br /> .social_bookmarks .flickr a{background: transparent url(../images/skin1/flickr_16.png) 0 0 no-repeat;}<br /> .social_bookmarks .email a{background: transparent url(../images/skin1/email_16.png) 0 0 no-repeat;}</p> <p>#submit_news{<br /> color:#fff;<br /> background: transparent url(../images/skin1/submit_news.png) top right no-repeat;<br /> }</p> <p>/*head searchform*/</p> <p>#head #s{<br /> background: #fff;<br /> color:#555;<br /> }</p> <p>#searchsubmit {<br /> background: transparent url(../images/skin1/search.png) 2px center no-repeat;<br /> }</p> <p>/*nav pages*/<br /> .nav li a{<br /> color:#aaa;<br /> }</p> <p>.nav .current a, .nav li a:hover, .nav .currentli_item a{<br /> color:#fff;<br /> }</p> <p>#top .nav li ul a{<br /> border:1px solid #484848;<br /> border-top:none;<br /> color:#aaa;<br /> background: #222;<br /> }</p> <p>#top .nav li ul a:hover{<br /> background:#262626;<br /> color:#fff;<br /> }</p> <p>#top .nav li ul {<br /> border-top:1px solid #484848;<br /> }</p> <p>/*nav categories*/<br /> .catnav_wrapper{<br /> border-left:1px solid #aaa;<br /> border-right:1px solid #fff;<br /> }</p> <p>.catnav{<br /> border-right:1px solid #aaa;<br /> border-left:1px solid #fff;<br /> }</p> <p>.catnav li{<br /> border-right:1px solid #fff;<br /> }</p> <p>.catnav li a{<br /> color:#666666;<br /> border-right:1px solid #aaa;<br /> text-shadow:1px 1px 0px #fff;<br /> }</p> <p>.catnav .current a, .catnav li a:hover, .catnav .currentli_item a, .catnav .current-menu-item a, .catnav .current-menu-item a{<br /> color:#464646;<br /> }</p> <p>#top .catnav li .sub-menu a{<br /> border:1px solid #aaa;<br /> border-top:none;<br /> color:#666;<br /> background: #f9f9f9;<br /> }</p> <p>#top .catnav li ul a:hover{<br /> background:#fff;<br /> color:#464646;<br /> }</p> <p>#top .catnav li ul {<br /> border-top:1px solid #aaa;<br /> }</p> <p>/*Featured Area*/</p> <p>#featured{<br /> border:1px solid #aaa;<br /> border-top:none;<br /> }</p> <p>.featured{<br /> border-left:1px solid #aaa;<br /> background: #fff url(../images/skin1/preload.gif) no-repeat center center;<br /> }</p> <p>.preloading_background{<br /> background: transparent url(../images/skin1/preload.gif) no-repeat 50% 50%;<br /> }</p> <p>#top .fadeout{<br /> background: transparent url(../images/skin1/overlay.png) repeat-y right top;<br /> }</p> <p>.bottom_left_rounded_corner{<br /> background: transparent url(../images/skin1/rounded.png) no-repeat left bottom;<br /> }<br /> .bottom_right_rounded_corner{<br /> background: transparent url(../images/skin1/rounded.png) no-repeat right bottom;<br /> }</p> <p>#top .feature_excerpt{<br /> border-top:1px solid #eee;<br /> }</p> <p>.position_excerpt, #top #featured .feature_excerpt {<br /> background:none repeat scroll 0 0 #FFFFFF;<br /> }</p> <p>#top #featured a{<br /> color:#444;<br /> }</p> <p>#top .slidecontrolls span{<br /> background:transparent url(../images/skin1/slide_controlls.png) no-repeat top right;<br /> }</p> <p>#top .slidecontrolls .active_item, #top .slidecontrolls span:hover{<br /> background:transparent url(../images/skin1/slide_controlls.png) no-repeat top left;<br /> }</p> <p>.newsselect{<br /> border-left:1px solid #e1e1e1;<br /> background: #fff;<br /> }</p> <p>.newsselect .single_item{<br /> border-bottom:1px solid #e1e1e1;<br /> }</p> <p>.newsselect .single_item:hover, .newsselect .active_item{<br /> background-color: #f1f1f1;<br /> text-shadow:1px 1px 0 #FFFFFF;<br /> }</p> <p>/*CONTENT AREA*/<br /> .entry-previewimage{<br /> border:1px solid #E1E1E1;<br /> }</p> <p>.entry-head, .entry-head a, .entry-bottom, .entry-bottom a{<br /> color:#0699BB;<br /> }</p> <p>.entry-head .date{background: transparent url(../images/skin1/icon-date.png) no-repeat -3px top;}<br /> .entry-head .comments{background: transparent url(../images/skin1/icon-comment.png) no-repeat -3px top;}<br /> .entry-head .author{background: transparent url(../images/skin1/icon-author.png) no-repeat -2px top;}</p> <p>.more-link, .entry-bottom .categories, .widget_tag_cloud a{<br /> background: #f6f6f6 url(../images/skin1/highlight.png) repeat-x left top;<br /> border:1px solid #e1e1e1;<br /> }</p> <p>.widget_tag_cloud a{<br /> text-shadow: #fff 1px 1px;<br /> }</p> <p>.more-link:hover, .widget_tag_cloud a:hover{<br /> background: #eee url(../images/skin1/highlight.png) repeat-x left top;<br /> border:1px solid #aaa;<br /> color:#666;<br /> }</p> <p>/*pagination*/</p> <p>#top .pagination span, #top .pagination a{<br /> border:1px solid #e1e1e1;<br /> }</p> <p>#top .pagination a:hover{<br /> border:1px solid #666;<br /> }</p> <p>#top .pagination .current{<br /> background: #666;<br /> border:1px solid #222;<br /> color:#fff;<br /> }</p> <p>/*sidebar*/</p> <p>.sidebar{<br /> border-left:1px solid #e1e1e1;<br /> }</p> <p>.sidebar .box li a, .box .recentcomments, .entry ul li {<br /> background:transparent url(../images/skin1/bullet1.png) no-repeat scroll 0 12px;<br /> border-bottom:1px solid #D6D6D6;<br /> }</p> <p>.box li a, #footer .box .recentcomments{<br /> background:transparent url(../images/skin1/bullet1.png) no-repeat scroll 0 12px;<br /> border-bottom:1px solid #333;<br /> }</p> <p>#top .entry ul li {<br /> background:transparent url(../images/skin1/bullet1.png) no-repeat scroll 0 9px;<br /> }</p> <p>body .gallery li a, body .flickr li a{<br /> background: transparent none;<br /> border:none;<br /> }</p> <p>#main ul{<br /> border-top:1px solid #D6D6D6;<br /> }</p> <p>#top .box_entry, .community_news h3, .link_list h3{<br /> border-bottom:1px solid #E1E1E1;<br /> }<br /> #footer h3, #top #footer .box_entry{<br /> border-bottom:1px solid #333;<br /> }</p> <p>.box img, .entry img, .wp-caption{<br /> border:1px solid #E1E1E1;<br /> }</p> <p>.box a:hover img, .entry a:hover img, .entry-previewimage:hover{<br /> border:1px solid #999;<br /> }</p> <p>/* footer */<br /> #footerwrap, #wp-calendar th, #prev, #next{<br /> background: #222;<br /> }</p> <p>#footer .box img{<br /> border:1px solid #333;<br /> }</p> <p>#footer .box img:hover{<br /> border:1px solid #555;<br /> }</p> <p>/*comments*/</p> <p>#top #social_icons ul{<br /> border-top:none;<br /> border-bottom:1px solid #e1e1e1;<br /> }</p> <p>#social_icons .twitter{background: transparent url(../images/skin1/twitter_32.png) 0 0 no-repeat;}<br /> #social_icons .fb{background: transparent url(../images/skin1/facebook_32.png) 0 0 no-repeat;}<br /> #social_icons .digg{background: transparent url(../images/skin1/digg_32.png) 0 0 no-repeat;}<br /> #social_icons .stumble{background: transparent url(../images/skin1/stumbleupon_32.png) 0 0 no-repeat;}<br /> #social_icons .deli{background: transparent url(../images/skin1/delicious_32.png) 0 0 no-repeat;}<br /> #social_icons .techno{background: transparent url(../images/skin1/technorati_32.png) 0 0 no-repeat;}</p> <p>#author-box, .comment_nav{<br /> border-top:1px solid #E1E1E1;<br /> border-bottom:1px solid #E1E1E1;<br /> }</p> <p>.comment_content {<br /> border:1px solid #E1E1E1;<br /> }<br /> .odd .comment_content{<br /> background: #F6F6F6 url(../images/skin1/highlight.png) repeat-x scroll left top;<br /> }</p> <p>/*CONTACT FORM*/ </p> <p>.text_input, .text_area{<br /> border:1px solid #e1e1e1;<br /> color: #777;<br /> }</p> <p>#send, #submit{<br /> background: #f6f6f6 url(../images/skin1/highlight.png) repeat-x left top;<br /> border:1px solid #e1e1e1;<br /> color: #777;<br /> }</p> <p>#submit:hover, #send:hover{<br /> background: #eee;<br /> color: #444;<br /> }</p> <p>.valid .text_input, .valid .text_area{border:1px solid #70A41B;} /*#70A41B*/<br /> .error .text_input, .error .text_area{border:1px solid #FF9000;}<br /> .ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}</p> <p>/*generic*/</p> <p>h1, h2, h3, h4, h5, h6, legend, #top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a{<br /> color:#222;<br /> }</p> <p>#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{<br /> color:#0699BB;<br /> } </p> <p>#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer legend, #footer h1 a, #footer h2 a, #footer h3 a, #footer h4 a, #footer h5 a, #footer h6 a{<br /> color:#eee;<br /> }</p> <p>#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{<br /> color:#0699BB;<br /> } </p> <p>a{color:#0699BB;}<br /> a:hover{color:#333;}<br /> #footer a:hover{color:#fff;}</p> <p>blockquote {<br /> border-left:5px solid #D6D6D6;<br /> }</p> <p>.entry li {<br /> list-style-type:none;<br /> padding-left:10px;<br /> }</p> <p>.entry ul ul{<br /> border:none;<br /> }</p> <p>pre {<br /> background-color:#FEFEFE;<br /> border:1px solid #DDDDDD;<br /> }</p> <p>.lightbox_video{<br /> background:transparent url(../images/skin1/video.png) no-repeat center center;<br /> }</p> <p>#top .lightbox_image{<br /> background:transparent url(../images/skin1/magnify.png) no-repeat center center;<br /> } </p> http://www.kriesi.at/support/topic/hyperlink-colors#post-76652 Thu, 20 Sep 2012 10:11:02 +0000 Nick 76652@http://www.kriesi.at/support/ <p>Hi,</p> <p>This selector that deals with the top slider font color is below, just add the font color to it:</p> <pre><code>#top .sliderheading{ display:block; font-size: 26px; }</code></pre> <p>and top menu is deal with by the following, also you can add the color there as well as any other modifications:<br /> <pre><code>#top .nav{ position: relative; height:36px; list-style-type: none; list-style-position: outside; margin:0; z-index: 6; font-size: 12px; float: left; }</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/hyperlink-colors#post-76430 Tue, 18 Sep 2012 15:42:24 +0000 acleverly 76430@http://www.kriesi.at/support/ <p>Will that change the top menu or the slider font color? </p> http://www.kriesi.at/support/topic/hyperlink-colors#post-76374 Tue, 18 Sep 2012 08:58:40 +0000 Ismael 76374@http://www.kriesi.at/support/ <p>Hi,</p> <p>You can edit this element</p> <pre><code>#top .heading_clone { position: absolute; z-index: 4; bottom: 20px; left: 20px; font-size: 13px; text-transform: uppercase; padding: 0; margin: 0; }</code></pre> <p>Just add the color style</p> <pre><code>#top .heading_clone { position: absolute; z-index: 4; bottom: 20px; left: 20px; font-size: 13px; text-transform: uppercase; padding: 0; margin: 0; color: red; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/hyperlink-colors#post-76365 Tue, 18 Sep 2012 06:51:44 +0000 acleverly 76365@http://www.kriesi.at/support/ <p>Thanks<br /> <a href="http://www.susdcommunityed.org" rel="nofollow">http://www.susdcommunityed.org</a> </p> http://www.kriesi.at/support/topic/hyperlink-colors#post-76308 Mon, 17 Sep 2012 18:51:26 +0000 Devin 76308@http://www.kriesi.at/support/ <p>Hi acleverly,</p> <p>Can you provide a link to a page with an example of exactly the link color you are trying to change. That way we don't have you adding or modifying any incorrect css.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/hyperlink-colors#post-75933 Fri, 14 Sep 2012 16:15:37 +0000 acleverly 75933@http://www.kriesi.at/support/ <p>Or if that doesn't work to change the font hyperlink color only in the accordion slide area </p> http://www.kriesi.at/support/topic/hyperlink-colors#post-75930 Fri, 14 Sep 2012 16:14:41 +0000 acleverly 75930@http://www.kriesi.at/support/ <p>Almost there...<br /> I added the following to overwrite the hyperlinks to this<br /> a {<br /> color: #008295!important;<br /> text-decoration: none !important;<br /> }<br /> a:visited {<br /> color: #008295 !important;<br /> text-decoration: none !important;<br /> }<br /> a:hover, a:active {<br /> color: #888F96 !important;<br /> }</p> <p>However now I just want the actual hyperlinks in the post and page body to have the color 008295, how do I do that? </p> http://www.kriesi.at/support/topic/hyperlink-colors#post-75915 Fri, 14 Sep 2012 12:21:46 +0000 Ismael 75915@http://www.kriesi.at/support/ <p>Hi acleverly,</p> <p>Yes, if your site is hosted on a remote server, you would surely need to use filezilla or other ftp softwares. The directory should look something like public_html &gt; wp-content &gt; themes &gt; newscast &gt; css &gt; style1.css.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/hyperlink-colors#post-75873 Fri, 14 Sep 2012 04:23:19 +0000 acleverly 75873@http://www.kriesi.at/support/ <p>Hi mya, I don't see the Style1 etc sheet where is it located? Do I have to do that in the FTP? </p> http://www.kriesi.at/support/topic/hyperlink-colors#post-75871 Fri, 14 Sep 2012 04:12:44 +0000 Mya 75871@http://www.kriesi.at/support/ <p>Hi,</p> <p>Links are actually set in several places so you may have to change multiple classes or IDs. The file you want though is either style1.css or style2.css located in the /css/ folder of theme's directory. The one you use depends on if you have a light scheme or dark scheme.</p> <p>As far as your second question, "Also how do I do a quick search in the Editor area? " I'm not sure what "Editor" you're referring to. The one Visual Editor in Pages or Posts or the Editor in Appearance &gt; Editor?</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/hyperlink-colors#post-75862 Fri, 14 Sep 2012 03:33:35 +0000 acleverly 75862@http://www.kriesi.at/support/ <p>Here is my style sheet I tried adding a hyperlink and hover color and it's not working. It must be so obvious but I'm not getting it. I just want to change the hyperlinks in the body to Aother color.</p> <p>Edit: Removed by Devin for less scrolling. </p> http://www.kriesi.at/support/topic/hyperlink-colors#post-75769 Thu, 13 Sep 2012 16:16:23 +0000 acleverly 75769@http://www.kriesi.at/support/ <p>How do I change the hyperlink color in the css? I went through the whole style sheet and I'm not seeing the color for the hyperlinks anywhere. I know this must be an easy thing.</p> <p>Also how do I do a quick search in the Editor area? </p>