12 replies to this topic

[pracede]

Hi,

I am creating my blog and i would like to customize my Read more link ( In french => Lire la suite ). My blog is visible here

Please Login or Register to see this Hidden Content

. I want to have button like

Please Login or Register to see this Hidden Content

The Primary button.

Someone could explain me what to do ?

 

Thanks

[Danny]

Hi,

 

You can change the text used for your continue/read more link by going to:

 

PageLines > Site Options > Blog & Posts > Continue Reading Link Text (When Using Excerpts)

 

Regarding the styling, you could simply use the CSS used for the primary button on the:

 

.continue_reading_link class

 

But if you wish to feel awesome and l33t, you can add the following code to your child theme/customize plugin functions.php file.

 

Please Login or Register to see this Hidden Content

This basically inserts the .btn & .btn-primary classes into the continue reading link.

[pracede]

I've add some code on .continue_reading_link class but it's not working !

[catrina]

What is the complete CSS you added?

[pracede]

Sorry i add an error ! Do not care about my precedent message

[catrina]

Okay, did you manage to get it working?

[cerchris]

Hi There

 

Found this post when searching and wondering if it is possible to create a button link in a boxes section? See

Please Login or Register to see this Hidden Content

in the 3rd box I have set the readmore link but want to make it look like the attached image

 

Wd I try putting this into the "Boxes custom class" field in the meta settings:

.fboxmore_link

 

Then use a variation of the php you have above in the functions.php file?

Attached Files

•  read2.jpg   6.42KB  11 downloads

[Rob]

Hi, it's sometimes difficult to place some things in boxes. However, I recommend using the WP-Boxer plugin which does allow buttons within boxes (which it calls Content Blocks).   I find it very easy to implement. The best part is, you apply the boxes to a post or page via shortcode, which means you can place them anywhere you'd like.  They're highly customizable as well.

[cerchris]

Hi Rob

 

I tried

Please Login or Register to see this Hidden Content

I tried putting the short code in a "full width sidebar" by putting the the code in a text widget, that is when I got the warning message at the top of the boxes.

 

Is there a way to get a button link into a standard PL boxes section?

[Danny]

If you wish to have the Learn More styled like a button, you would need to use HTML and CSS. You could use Bootstrap classes added to your links HTML.

 

For example:

 

 

Please Login or Register to see this Hidden Content

 

If you wish to have a similar style such as the image you attached above, you will need to use your own custom CSS.

[cerchris]

Hi Danny

 

Wow that was easy - thanks so much!! Works well

[knubbl]

Hi,

 

You can change the text used for your continue/read more link by going to:

 

PageLines > Site Options > Blog & Posts > Continue Reading Link Text (When Using Excerpts)

 

Regarding the styling, you could simply use the CSS used for the primary button on the:

 

.continue_reading_link class

 

But if you wish to feel awesome and l33t, you can add the following code to your child theme/customize plugin functions.php file.

Please Login or Register to see this Hidden Content

This basically inserts the .btn & .btn-primary classes into the continue reading link.

I did add the above code, however it didn't work. For some reason, the CSS classes are not added to the link. In order to check whether there was something wrong in general, I simply tried to customize the text using the continue_reading_link_text and it worked perfectly fine. When looking at it through Chrome, nothing is added to the a-tag. It seems to be the case that for some reason the $link parameter does not work?! I tried resetting the $link variable to something random, but it also didn't change the link. Really don't know what the issue is.

[Rob]

Hi,  This is a resolved topic.   Can you open a new topic, quote this and provide a link to the site in question, letting us know what are you trying to accomplish?