Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #5412

    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

    #50110

    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;
    }

    #50111

    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

    #50112

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

    #50113

    Hey dude,

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

    #50114

    Glad that I could help you :)

    #50115

    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!

    #50116

    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.

    #50117

    It works! Thank you.

    #50118

    Glad that Chris could help you :)

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Edit Read More button on the excerpt’ is closed to new replies.