Read more button


Author Message
Claire

Posted: 1/20/2013
Quote message 

Hello

Probably a stupid question but I don't know how to do a "read more" button with Artisteer 4.


Thanks to help me if you can

a++
 
Mark Conroy

Posted: 1/22/2013
Quote message 

That code looks messy, here it is again:

#views-list-read-more a, a:visited {
border: 1px solid #D34090;
padding: 10px;
margin: 10px;
float: right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #D34090;
color: white;
}

#views-list-read-more a:hover, a:focus {
border: 1px solid #D34090;
background: white;
color: #D34090;
text-decoration: none;
}

#views-list-read-more a:active {
border: 1px solid #D34090;
padding: 10px;
margin: 10px;
float: right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #D34090;
color: white;
}
 
Farhan Nasir

Posted: 7/3/2014
Quote message 

I am using artisteer theme on wordpress website, I want my "read more" look like my "post comment" button (which i made in artisteer). Now it is looking a simple link
 
Farhan Nasir

Posted: 7/3/2014
Quote message 

Here is my website
http://www.turnhow.com/
 
Farhan Nasir

Posted: 7/3/2014
Quote message 

please someone help
 
jrgweb

Posted: 7/3/2014
Quote message 

@Farhan Nasir - Go to the same place in artisteer that you styled the post comment button. At the very top of the page is buttons. Simply style the same.

If you can't edit in artisteer any longer, change the more-link class to art-button class.


 
Farhan Nasir

Posted: 7/3/2014
Quote message 

@jrgweb
Sir I can't understand, in artisteer there is an option which is universal for all buttons, and in 2nd way, where to change more-link class to art-button class. tell me complete method, I am beginner. But I liked above green button in screenshot.
 
Farhan Nasir

Posted: 7/3/2014
Quote message 

Reply please sir

 
jrgweb

Posted: 7/4/2014
Quote message 

@Farhan Nasir

Add this to the bottom of the functions.php file.

add_filter( 'the_content_more_link', 'modify_read_more_link' );
function modify_read_more_link() {
return '<a class="more-link" href="' . get_permalink() . '"> Read More Link </a>';
}

very simple.
 
jrgweb

Posted: 7/4/2014
Quote message 

Forgot to mention, change the class="more-link" to class="art-button" or whatever your prefix is and you can edit the text if you wish.
 
Farhan Nasir

Posted: 7/6/2014
Quote message 

Thanks
 
mohammad

Posted: 1/8/2015
Quote message 

thanks very tanks wooooohhhw

Im come from iran

I very searching this subject .

thanks
 
فاطمه

Posted: 2/23/2017
Quote message 

خییییلی ممنون