Joomla Templates Club 406,261 posts

[Axleuk Friend AxleukJoin date: June 2006Posts: 7Downloads:0Uploads:2 Thanks: 2]

#153661

Hi Folks,

As it stands the placement of the READ MORE button looks messy as the position varies dependent on where it is placed.

I would like the READ MORE button to position itself at the bottom right of the column on the front page. I imagine it is just a matter of amending the css with an align command but struggling to find where the code is to do so. Can someone please point me in the right direction.

I have added a before and after pics to help show what I am looking for.

Many Thanks

---

Attachments:

1. 
2. 

[smitheringale Friend smitheringaleJoin date: December 2009Posts: 236Downloads:0Uploads:0 Thanks: 63 Thanked: 44 times in 18 posts]

#353200

Hi,

Probably the very best way to do this is to have about the same number of words and characters in each position- then they should align ok.

Also, I think you’re yay, my challenge is on itunes has an extra
<p></p>
snuck in there – which can’t be helping.

Or….

You could try editing the css in the template.css file for a.readon which by default is

a.readon {
background: url(../images/readon-bg.gif) no-repeat left center;
color: #555555;
padding: 1px 2px 3px 5px;
width: 85px;
float: right;

<em>@Axleuk 190965 wrote:</em><blockquote>Hi Folks,

As it stands the placement of the READ MORE button looks messy as the position varies dependent on where it is placed.

I would like the READ MORE button to position itself at the bottom right of the column on the front page. I imagine it is just a matter of amending the css with an align command but struggling to find where the code is to do so. Can someone please point me in the right direction.

I have added a before and after pics to help show what I am looking for.

Many Thanks</blockquote>

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#353203

thanks smitheringale, your solution is the best to get this issue resolved 🙂

[Axleuk Friend AxleukJoin date: June 2006Posts: 7Downloads:0Uploads:2 Thanks: 2]

#353289

<em>@smitheringale 190976 wrote:</em><blockquote>Hi,

Probably the very best way to do this is to have about the same number of words and characters in each position- then they should align ok.

Also, I think you’re yay, my challenge is on itunes has an extra
<p></p>
snuck in there – which can’t be helping.

Or….

You could try editing the css in the template.css file for a.readon which by default is

a.readon {
background: url(../images/readon-bg.gif) no-repeat left center;
color: #555555;
padding: 1px 2px 3px 5px;
width: 85px;
float: right;
</blockquote>

Thanks for the advice. Manually guessing the correct number of characters is a bit of a pain. Do you have any suggestions how I would need to edit the CSS to help this along? I can fiddle my way around things but some things are a little beyond my ability. Many thanks in advance.

[congtq Friend congtqJoin date: September 2009Posts: 278Downloads:0Uploads:28 Thanks: 10 Thanked: 49 times in 48 posts]

#353328

Hi Axleuk.
With this problem, you can solve by fixing the height of description in templatesja_opalhtmlcom_contentcategoryblog_item.php file.
Replace

<?php echo JFilterOutput::ampReplace($this->item->text); ?>
with

<div style="height:150px;"><?php echo JFilterOutput::ampReplace($this->item->text); ?></div>

[Axleuk Friend AxleukJoin date: June 2006Posts: 7Downloads:0Uploads:2 Thanks: 2]

#353346

<em>@congtq 191131 wrote:</em><blockquote>Hi Axleuk.
With this problem, you can solve by fixing the height of description in templatesja_opalhtmlcom_contentcategoryblog_item.php file.
Replace

<?php echo JFilterOutput::ampReplace($this->item->text); ?>
with

<div style="height:150px;"><?php echo JFilterOutput::ampReplace($this->item->text); ?></div>
</blockquote>

Ok, great will try this when I get home from work.

[Author]

Posts