Customising "Read more" text in excerpts

General questions pertaining to how certain issues can be resolved
Forum rules
1. No offensive language and no mocking
2. Please do a thorough search before you post something. Trust us, there is a high probability that the question you are asking has been asked previously.
3. No soliciting. You cannot post here soliciting bids for people offer you quotes, or even offer money to people for some work. You will be moderated if you do so. If you are looking for help, please post your request on http://jobs.wordpress.net or http://codepoet.com
4. Please be reasonable. You are getting software and support. For free. Complicated requests from a general purpose theme are not welcome and some volunteers might lose patience with you.
5. Please do your due diligence. If you posted a query and we answered with a link, take the trouble to go through the link contents.
6. Please post with complete information. Requests for help MUST be accompanied with your URL, particularly if you are asking something like "Why am I seeing a blank space?"

Customising "Read more" text in excerpts

Postby jmac88 » 15 May 2012, 08:05

I am pretty new to WordPress but have a background programming in VBA and C#. I experimented with Atahualpa for a while but found it too limiting. Then I found Suffusion. I have been playing around with both trying to get the look and feel I want and trying to incorporate the various plugins and other tools I need to get started and have gone through a steep learning curve with Hosting Plans, Google Custom Search, Google WebTools & Analytics and WordPress installations (harder as I'm running mine on Windows hosting so I can share my existing multi-site plan).

I have now decided to go with Suffusion but still have some work to get my desired effects. Nothing complicated but a few things I cannot figure out.

The first one is this. I want the Read More text in an excerpt to be changed to "Continue>>" on a new line and right aligned with the post container. I have achieved that using this

[...] <p style="text-align:right;margin:0;font-size:10pt;line-height:10pt"> <a href=%permalink%>Continue »</a></p>

This worked in Atahualpa but in Suffusion, the %permalink% doesn't act as a variable so I have no link in the output. Can anyone advise how I should do this.
Also, I can't figure out how to override the style so that the "Continue" is on the next line without the automatic space before paragraph added. I tried this with <br> instead of <p but it was the same.
jmac88
 
Posts: 13
Joined: 15 May 2012, 07:49

Re: Customising "Read more" text in excerpts

Postby sayontan » 15 May 2012, 11:27

Go to Suffusion Options -> Layouts -> Layout: Excerpt / List / Tile / Mosaic / Full -> General Excerpt settings. You will see the options there to customize "[...]". You don't need to modify any files in the theme.
Sayontan Sinha | http://mynethome.net/blog | http://www.aquoid.com/news
I don't do freelance work (for Suffusion or otherwise), so please don't contact me for quotes or offers.
sayontan
Site Admin
 
Posts: 10159
Joined: 15 Sep 2009, 16:39
Location: Houston, Texas

Re: Customising "Read more" text in excerpts

Postby Colin » 15 May 2012, 11:36

Suffusion Options > Layouts > Layout Excerpt ... and play with the options there.
Colin
 
Posts: 2788
Joined: 27 Oct 2009, 10:46

Re: Customising "Read more" text in excerpts

Postby jmac88 » 15 May 2012, 17:27

Thanks

But that is what I am modifying and have shown in my original post what I added in the customise box for "replacing the "{...}"
But I don't know how to add in a permalink to the post. In the Atahualpa, %Permalink% worked as the permalink variable. But in Suffusion it does not. What I am asking is what do I put in place of the %Permalink% to get the actual permalink to be included
jmac88
 
Posts: 13
Joined: 15 May 2012, 07:49

Re: Customising "Read more" text in excerpts

Postby sayontan » 15 May 2012, 18:20

The fact is, you don't need to do anything. Simply put in "Continue &raquo;" there and you will be fine. Suffusion will take care of the permalink by itself.
Sayontan Sinha | http://mynethome.net/blog | http://www.aquoid.com/news
I don't do freelance work (for Suffusion or otherwise), so please don't contact me for quotes or offers.
sayontan
Site Admin
 
Posts: 10159
Joined: 15 Sep 2009, 16:39
Location: Houston, Texas

Re: Customising "Read more" text in excerpts

Postby jmac88 » 15 May 2012, 22:28

Awesome

I hadn't realised it would do it automatically. I'm forcing the "Continue" down a line and to the right. I wrapped the word in html as shown below and am keeping the [...]

[...]<p style="text-align:right;margin:0;font-size:10pt;line-height:10pt">Continue »</p>

But I could probably wrap it in a div tag and assign a handle name and use a css in the custom includes. May give that a try later

Many thanks
jmac88
 
Posts: 13
Joined: 15 May 2012, 07:49

Re: Customising "Read more" text in excerpts

Postby sayontan » 15 May 2012, 22:44

The button is already wrapped in the right elements. You could add some custom CSS under Back-end -> Custom Includes -> Custom Styles to set this in a new line. If you provide a URL I can tell you what to do.
Sayontan Sinha | http://mynethome.net/blog | http://www.aquoid.com/news
I don't do freelance work (for Suffusion or otherwise), so please don't contact me for quotes or offers.
sayontan
Site Admin
 
Posts: 10159
Joined: 15 Sep 2009, 16:39
Location: Houston, Texas

Re: Customising "Read more" text in excerpts

Postby jmac88 » 16 May 2012, 01:18

Site is in test just now. URL is

http://www.excelcodex.com/index.php/whats-new/

This page shows the issues I'm trying to resolve.
I am also trying to reduce the gap below the bottom paragraph, either the last paragraph in the post or the space below the "continue". It would also be nice to remove the space above the Continue so the whole thing is a bit more compacted. You will see that I have managed already to reduce the space above/below the "Posted By" line.

Many thanks
jmac88
 
Posts: 13
Joined: 15 May 2012, 07:49

Re: Customising "Read more" text in excerpts

Postby Colin » 16 May 2012, 05:00

try

Code: Select all
.post-footer {margin: -5px 0}
p, .p {margin-bottom: 0.1em;}


In your custom styles. This should get you close.
Colin
 
Posts: 2788
Joined: 27 Oct 2009, 10:46


Return to Support Requests

Who is online

Users browsing this forum: Google [Bot] and 7 guests