How to remove READ MORE button

12 posts from 6 voices

• Started 2 years ago by bozz
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   bozz
   Member

   How to remove READ MORE button in the portfolio Items ?
   Any help?
   Thanx

   Posted 2 years ago #
2. 

   Dude
   Dude

   Hey,
   open up template_portfolio.php and remove following code:
   

   echo "<a href='".get_permalink()."' class='more-link'>".__('Read more','habitat')."</a>";

   Posted 2 years ago #
3. 

   sirshay
   Member

   Hi there,

   What about removing the same "Read more" button from the Posts items?
   Any idea of where and what line to remove?

   Thanks a lot!
   Regards,
   Shay

   Posted 2 years ago #
4. 

   Dude
   Dude

   Hey,
   Based on your website link I assume you're using cleancut. Open up template_blog.php and replace following code:
   

   the_content(__('Read more »','cleancut')); ?>

   with:
   

   the_content(); ?>

   Posted 2 years ago #
5. 

   RobinTan
   Member

   How do you remove the read more button on the 3 display boxes on the homepage? I almost lost my site in my first attempt. Thanks in advance,

   Posted 2 years ago #
6. 

   James Morrison
   Former Team Member

   Hey,

   In index.php, find and change this code:

   the_content('<span>'.__('Read more','habitat').'</span>');

   to this:

   the_excerpt();

   Habitat doesn't have 3 display boxes - if you're using another theme please open a new topic under that category.

   James

   Posted 2 years ago #
7. 

   o0o
   Member

   I would like to have the "read more..."-link at the end of the particular content, as a text link rather than as a button. Is there an easy way to do this? Thank you.

   Posted 2 years ago #
8. 

   Dude
   Dude

   Hey,
   the easiest solution is to restyle the read more button - add following code to style.css:
   

   div .more-link{
   padding: 0px !important;
   margin: 0px !important;
   background: none transparent !important;
   color: #000 !important;
   }

   Posted 2 years ago #
9. 

   o0o
   Member

   Thanks! It remains as a button though. I've removed the following from style.css...

   .more-link, .more-link:hover{
   line-height: 32px;
   }

   .more-link, .more-link:hover, .button{
   width:105px;
   text-decoration: none;
   display:block;
   font-size:12px;
   font-weight:bold;
   text-align: center;
   margin-top:20px;
   }

   .more-link span{
   display:block;
   padding:0 20px 0 10px;
   }

   ...thus the button decreases in size. Is there anything else I have to alter to receive a text-link?

   Posted 2 years ago #
10. 

    Dude
    Dude

    Can you post a link to your page please - I'll investigate the css.

    Posted 2 years ago #
11. 

    o0o
    Member

    http://bit.ly/i1zyrD

    I've removed the above mentioned changes though (as I always do if something's not working properly). Shall I restore them first?

    Posted 2 years ago #
12. 

    Dude
    Dude

    Yes - in style2.css change following code:
    

    .more-link, .button{
    color:#96a1a6;
    border:1px solid #d6dddf;
    background:url("../images/skin2/bg_button.png") no-repeat scroll left bottom transparent;
    text-shadow: 1px 1px 0 #fff;
    }

    to:
    

    .button{
    color:#96a1a6;
    border:1px solid #d6dddf;
    background:url("../images/skin2/bg_button.png") no-repeat scroll left bottom transparent;
    text-shadow: 1px 1px 0 #fff;
    }

    and remove the .more-link class from the css code you posted above and delete the .more-link span code.

    Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.