Changing "Continue Reading" button text
-
Hi,
I have 4 posts that are in Spanish, so I would like to change the “Continue Reading” button to say “Continúe leyendo” but only on these 4 posts that are in Spanish. Is there a way I can do that?http://healthyroadsblog.com/2013/11/16/puede-tocar-musica-para-relajacion/
http://healthyroadsblog.com/2013/11/16/relajacion-progresiva-leccion-de-audio/
http://healthyroadsblog.com/2013/11/16/escaneo-del-cuerpo-leccion-de-audio/
http://healthyroadsblog.com/2013/11/16/respiracion-abdominal-leccion-de-audio/
The blog I need help with is: (visible only to logged in users)
-
Hi, give the following a try. What I have done is to specifically target those posts you list above with the unique CSS post id, hide the existing text and use a pseudo :after attribute to add the text you specified. If there are others, then they same thing will have to be done with those as well.
#post-2859 a.read-more, #post-2855 a.read-more, #post-2846 a.read-more, #post-2839 a.read-more { visibility: hidden; } #post-2859 a.read-more:after, #post-2855 a.read-more:after, #post-2846 a.read-more:after, #post-2839 a.read-more:after { content: "Continúe leyendo →"; visibility: visible; text-align: center; background-color: #dfdfdf; display: block; padding: 5px; } -
Thank you, but I don’t quite understand how to do this. Are there more specific directions … step by step? I think I need to go into the text version, but when I do that I don’t see code related to the button I could edit. I tried cutting what you provided and pasting it into the post, which didn’t work.
-
Sorry, the code I gave you goes into the custom CSS section of the Customizer. Open the Customizer, either from My Sites on the top left of the admin bar, or if you are in the admin dashboard, go to Appearance > Customize > CSS. Delete the informational text from that window and paste in the CSS that I gave above.
-
Thank you … I was able to do that easily. However, I have another question. When I view in IE 9 (only approved IE version I’m permitted to use), there is no more button for these particular posts. When I view in Chrome (Version 46.0.2490.80 m), the revised buttons are there. When I view on my cell phone (Safari), the buttons for these posts still say, “Continue Reading.” Do you happen to know why this might be happening? Thanks again!
-
IE can be such a pain, and I don’t have a Windows machine right so I have to rely on Browserstack.
The CSS is there, but for some reason IE isn’t recognizing it. It could be that it’s a CSS selector issue since I used different selectors than was used in the original CSS. All other browsers accept and apply it. Let’s change out the CSS I had give to you above for the following and see what happens in IE9.
.category-spanish-audio-lessons .lay1 > div .read-more { visibility: hidden; } .category-spanish-audio-lessons .lay1 > div .read-more::after { background-color: #dfdfdf; content: "Continúe leyendo →"; display: block; padding: 5px; text-align: center; visibility: visible; }Let me know how things go.
-
Great … that worked for IE11 and Chrome, but in Safari I still see “Continue Reading,” but I think that’s fine. Thank you for all of your help!
-
Sorry, but now I’m being told that the buttons have disappeared in IE11. I have made no changes though? I think the person may have actually been checking in Chrome, not IE11 as they thought. Is there anything else that can be done to remedy the IE issue?
-
Hi there, this is what I see in Chrome, Firefox and Safari when I visit this page: http://healthyroadsblog.com/category/stress-management/spanish-audio-lessons/
Screenshot: https://cldup.com/EheRb9NEYD.png
In Browsershots.com I do not see the buttons. IE is such a pain. On the
visibility: visible;
rule, change it to the following and then check in IE.
‘visibilty: visible !important;` -
Thanks … it doesn’t seem as if any of these solutions are going to work, so my team asked that I just put it back the way it was, so all of the buttons would read “Continue reading”
To achieve this, do I simply just need to erase the code you’ve provided, or is there more to it?
-
You need to read what I post below. Removing footer credit links is a ToS Violation which will result in blog suspension so you must restore them.
May I remove credit links such as ‘Blog at WordPress.com’, theme, font, or toolbar links?
All WordPress.com bloggers are required to maintain the credit links, even our VIP bloggers. Please do not hide or alter text or links for the footer credits or the toolbar. Modifying the style of the footer text (i.e. colors and font size) is fine as long as it’s still readable. http://en.support.wordpress.com/custom-design/#frequently-asked-questions11. Attribution. Automattic reserves the right to display attribution links such as ‘Blog at WordPress.com,’ theme author, and font attribution in your blog footer or toolbar. Footer credits and the WordPress.com toolbar may not be altered or removed regardless of upgrades purchased.
-
@healthyroadsblog, you would remove the extra CSS. Please restore the footer credit (by removing its related CSS) at the same time. Thank you!
-
I don’t understand what you all are saying about the footer credit … is this something I accidentally removed? I know next to nothing about coding … so I’m a little lost … actually, a lot. I was just trying to edit the “Continue Reading” buttons using the instructions I was being given above, but maybe I accidentally erased more than I was supposed to in order to put in the custom code? Any specifics on how to achieve what you are telling me to do would be helpful.
-
-
-
-
I did save it … the extra code is no longer there. The code starts with: .ie8 #footer {
background-color: #4D5C63;
}#masthead {
margin-top: 100px;
}#footer {
padding-top: 15px;
background-color: #4D5C63;
}Is there some code I can add back in to achieve what’s needed here? Any specifics would be helpful, as I am not overly familiar with this type of thing. Thanks!
-
Are we looking in the same place? I’m going to Customizer > CSS.
If it would help, we can comment the code out for you, but it is still there right now.
-
OK @healthyroadsblog, I’ve found the offending code and fixed it for you. It was below the part you mentioned.
- The topic ‘Changing "Continue Reading" button text’ is closed to new replies.
WordPress.com Forums 
