- This topic has 12 replies, 3 voices, and was last updated 7 years, 10 months ago by Sakin.
-
AuthorPosts
-
July 6, 2013 at 2:01 pm #11475klhaightParticipant
I would like to change the color of my links in my posts, they are too light right now. I’ve gone on my style.css and tried to change it, but was not successful.
Thanks.
July 7, 2013 at 11:55 am #11488SakinKeymaster@klhaight: First, don’t change any core theme files such as style.css, functions.php and so on. For any CSS change, you can use Custom CSS box at “Appearance => Theme Options”.
For easy option, you can just upgrade to Catch Box Pro, where there is color otption in theme options panel.
For free theme, you need to send me your site url and color code that you want to replace with. Then I will send you the css.
July 7, 2013 at 12:49 pm #11492klhaightParticipantHi Sakin,
My website is http://www.chatfieldcourt.com, sorry having trouble linking on my ipad. I will definitely upgrade to Catch Box Pro once I know I want to keep my blog going.
I would like my links to be color #004d1b.
I have been working on my header on my Mac and when I saw it on my ipad tonight, it was off center to the right. Any idea how to fix that? It was fine on my Mac.
Thanks again for your help.
KristiJuly 7, 2013 at 7:24 pm #11498SakinKeymaster@klhaight: I check in your site code and you have added the link code in “Appearance => Theme Options => Custom CSS” box.
a, #site-title a:focus, #site-title a:hover, #site-title a:active, .entry-title a:hover, .entry-title a:focus, .entry-title a:active, .widget_catchbox_ephemera .comments-link a:hover, section.recent-posts .other-recent-posts a[rel="bookmark"]:hover, section.recent-posts .other-recent-posts .comments-link a:hover, .format-image footer.entry-meta a:hover, #site-generator a:hover { color: #b6b6b4; }
I don’t know why you have added that css. For link the following css will be fine to add it in “Appearance => Theme Options => Custom CSS” box.
a { color: #004d1b; }
July 8, 2013 at 11:30 am #11520klhaightParticipantI have the color at #b6b6b4, because I wanted my posted on line to be lighter to let my post title be more prominent. I only want to change the links that I put in my post to a different color.
Also, my header on my ipad is still off center. How can I fix that?
Thanks for your help.
KristiJuly 8, 2013 at 2:13 pm #11535SakinKeymaster@klhaight: then you can add the following css.
#content .entry-content a, #content .entry-summary a { color: #004d1b; }
If you see your header image http://www.chatfieldcourt.com/wp-content/uploads/2013/07/headerblacktag6.jpg there is lot of white space in the image itself. Why don’t you just crop that white spaces and upload the image section only. Then you can simply center the image with the following css.
#branding { text-align: center; }
July 9, 2013 at 7:56 am #11580klhaightParticipantI did what you said with my header to take the white space out and then put the css in but it didn’t do anything. What am I doing wrong?
Thanks.
July 9, 2013 at 8:49 am #11582klhaightParticipantI got it to work Sakin. Thanks so much for all of your help.
Kristi
July 9, 2013 at 10:12 am #11585klhaightParticipantOne more question…in the “you may also like” section at the end of my posts, there are 3 boxes with labels underneath. They are in the new link color of green. Is there a way to make them the same grey color as the “Posted on” line?
Thanks.
July 9, 2013 at 10:53 am #11590SakinKeymaster@klhaight: It’s from plugin that is why I am not so sure. But you can try adding the following CSS in “Appearance => Theme Options => Custom CSS” box.
#content .entry-content #multiple_slides_visible a { color: #a7a7a5; }
July 9, 2013 at 11:01 am #11592klhaightParticipantIt worked!! Thanks again Sakin!
June 18, 2016 at 11:13 am #93810NancyParticipantI am trying to change the title color on my posts. Please help.
June 19, 2016 at 12:27 am #93820SakinKeymaster@inmercyrejoice: You can change the color code in the following css as per your need and then add it in custom css box.
#primary .entry-title, #primary .entry-title a { color: #680000; }
-
AuthorPosts
- The topic ‘How to change the color of a link in my posts’ is closed to new replies.