Read More Break customizing

[whitemonkey]

my solution to reduce the spacing above the read more break is to make the paragraph text bottom-margin 0px    or if you have an image above the read more break, make the bottom spacing 0.

you can  tweak the size and colour of the  READ MORE.  

add the following:

.blog-post    .blog-post-read-more   a{

color: #000000;

display: inline;

padding: 5px 5px;

font-size: 15px;

}

to change color on hover, add:

.blog-post   .blog-post-read-more  a: hover{

color: #ff6600;

}

AND you can alter the text  of READ MORE  to what ever you want. 

I made it  CONTINUE READING  

you do this by adding   Jquery coding to each blog page, by entering it in the HEADER CODE under SEO settings on the each blog page, not each blog post, nor general settings.

this is my site    check it out   and see for yourself::

https://nomadicbackpacker.weebly.com/hostel-review

i did not write the Jquery    message me and ill point you in the right direction...

cheers

[ruste13]

EDIT : OK guys I got it working!!!

I used the below link and my blog now looks like this which I'm super happy about! YAY!

https://www.webnots.com/add-and-customize-read-more-break-in-weebly-blog/

Just copy and paste the link into the editor, took a bit of messing around but worked out in the end.

Cheers Russ

[whitemonkey]

I think u got what u wanted?  @ruste13 

Here is the JQuery     this changes   READ MORE to CONTINUE READING.    shows on live page only, not in the editor.    MAY NOT work with all themes

<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".blog-read-more a").text("Continue Reading");
});
</script>