Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages » Excerpts, Read more, Pagination »

[SOLVED] How to change color of the "Read More" link


  #1  
Old May 31, 2012, 09:37 PM
adrian29630
 
39 posts · Sep 2011
[SOLVED] How to change color of the "Read More" link

Hi

I have set up the "Read More" function as set out in the configure excerpts section but would like to change the color of the words Read more. I have tried this <a href="%permalink% "><p><style="color: red">Read more</a></p> as this worked to change color elsewhere but it doesn't here. I also tried adding a ; after red but that made no difference either.

This link is inside a Category Posts widget. I also tried a css insert "a.more-link { color: red; !important } which I found in Wordpress help but that doesn't work either.

Site is http://repdomproperties.com/visitjd/
Wordpress 3.3.2
Atahualpa 3.7.6

Thanks
  #2  
Old May 31, 2012, 10:32 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
The style statement is in the wrong place
HTML Code:
<a href="%permalink%"><p style="color: red">Read more</a></p>
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jun 1, 2012, 10:52 AM
adrian29630
 
39 posts · Sep 2011
Thank you for the reply. I see I included a > after the P in the example I sent but had tried it without that previously but it stll did not work. It had worked in this format in this situation (<a href="http://repdomproperties.com/visitjd/event-calendar"> <strong> <center><p style="color:red">Add Your Event Here</strong></center></p></a>) so I assumed it should work here also.

Perhaps you could let me know where the right place is?

Thanks

A P.S. It does work and changes the color to red in IE but not in Firefox or Chrome or Safari? Any suggestions?

Last edited by adrian29630; Jun 1, 2012 at 11:32 AM.
  #4  
Old Jun 1, 2012, 11:51 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
As I think about it I think a better solution would be to replace what you have with the following.
HTML Code:
<div class="redlink"><a href="%permalink%">Read more</a></div>
Then put the following in the CSS Inserts box
HTML Code:
.redlink a {
color: red;
}
And if you wanted to have a hover style for the link use something like the following tweaking as desired.
HTML Code:
.redlink a:hover {
text-decoration: underline;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Jun 1, 2012, 12:28 PM
adrian29630
 
39 posts · Sep 2011
Regrettably that didn't work. It stripped the color from IE as well and removed the linking - I guess because of it being in a <div> It's very odd the original works in IE and not other browsers. Usually it's the other way round which is why I use Firefox for web design work.

Any other suggestions would be very welcome

Thanks
  #6  
Old Jun 1, 2012, 07:34 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I just tested that exact code and it worked fine for me. Where are you putting the code.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
Set a color for an "active" or "current" link in a sidebar widget. artaud Sidebars & Widgets 8 Oct 11, 2011 04:57 AM
Posts with images - no "read-more" link crazy77 Post-Kicker, -Byline & -Footer 1 Jan 18, 2011 10:57 AM
Adding "Read more" link in Footer...? d_random Post-Kicker, -Byline & -Footer 9 Jun 10, 2009 12:12 PM
"read more" link does not appear after the excerpts in category pages vjoseph Excerpts, Read more, Pagination 2 Feb 5, 2009 04:01 PM


All times are GMT -6. The time now is 12:39 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.