Edit Read More button on the excerpt

10 posts from 4 voices

• Started 1 year ago by Lesley101
• Latest reply from Dude
• This topic is resolved

Tags:

No tags yet.

1. 

   Lesley101
   Member

   Hi,

   would like some advice on how to edit the Read More button on the:

   Blog page:
   http://www.marketeventsgroup.com.au/our-events/

   and Archive pages:
   http://www.marketeventsgroup.com.au/category/vic/

   so that they appear left aligned to and beneath the body text as they do on the search results page:
   http://www.marketeventsgroup.com.au/?s=mordi

   Thanks in advance

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hey,
   because of the html structure this isn't easily possible. However you can move the button to the right and display it under the text with following code (in css/custom.css):
   

   #top.page .more-link, #top.archive .more-link, #top.search .more-link{
       float: right;
       margin-bottom: 15px;
   }

   Posted 1 year ago #
3. 

   Lesley101
   Member

   hi Dudue,

   thanks again for the quick reply :) I added the code above but the button remains in the same spot, any further advice would be great.

   Cheers

   Posted 1 year ago #
4. 

   Dude
   Dude

   I corrected the code above - sorry. I didn't notice that the id and the class are attached to the same element :)

   Posted 1 year ago #
5. 

   Lesley101
   Member

   Hey dude,

   thanks for the update - all works well, cheers :)

   Posted 1 year ago #
6. 

   Dude
   Dude

   Glad that I could help you :)

   Posted 1 year ago #
7. 

   Sraqa
   Member

   Can I ask a question about the width of the more button? If I type more than 18 characters into the button, the text jumps to a new line. Is it possible to make it just a bit wider? I'd need exactly 19 characters to show in a single line.

   Also, this varies from browser to browser. Chrome displays 18 characters in a single line, while Firefox doesn't.

   Thanks!

   Posted 1 year ago #
8. 

   Chris Beard
   

   Hey,
   in your style.css find #top .more-link and change the value of the width. It is set to 85px, changing it to 90px or 95 should be enough.

   Posted 1 year ago #
9. 

   Sraqa
   Member

   It works! Thank you.

   Posted 1 year ago #
10. 

    Dude
    Dude

    Glad that Chris could help you :)

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.