Joomla Templates Club 406,261 posts

[kevin147890 Friend kevin147890Join date: January 2011Posts: 33Downloads:0Uploads:25 Thanks: 12]

#162666

Hi.

Please see attached files. I’m trying to make the blog layout that has one leading article and then two columns for articles below this. I’ve used the following configuration:

– Leading Articles: 1
– Introductory Articles: 8
– # Columns: 2
– # Links: 10
– Multi Column Order: Across

But, as you can see in the attachment, though Firebug shows divisions for leading vs. two columns, only one column appears.

Is this a feature that cannot be used in the JA Anion template?

Your help will be greatly appreciated.

Thank you

Kevin

---

Attachments:

1. 
2. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#385875

Hi,
Add this code into <joomla url>templatesja_anioncsslayout.css file


.article_row.cols2
{
width:40%;
float:left;
}


1 user says Thank You to khoand for this useful post

1. kevin147890

[kevin147890 Friend kevin147890Join date: January 2011Posts: 33Downloads:0Uploads:25 Thanks: 12]

#385964

khoand, thank you!

That definitely worked. I added font-size:80% to make it more appropriate for two columns. I like it. However …

*Across* not working: I have attached two more images to show another issue, however. The layout seems to be ignoring the “Across” setting.

Also: Is it true that the Links list in the two-column format would appear in one of the two columns (as opposed to breaking out of the two column format and returning to a one-column presentation? I would expect it to look like the Layout.07.png attachment.

Also re: Home Page (finally; thank you!): When I add similar settings on the home page layout to get one leading article and multiple introductory articles: (1) everything either stays in one vertical column (see layout-homepg.png) or (2) is even worse when I add more featured articles (see layout-homepg2.png).

Thank you, so much for the help.

---

Attachments:

1. 
2. 
3. 
4. 
5. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#386116

Hi,
Could you give me a link to your website?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#386128

<em>@khoand 233597 wrote:</em><blockquote>Hi,
Add this code into <joomla url>templatesja_anioncsslayout.css file


.article_row.cols2
{
width:40%;
float:left;
}

</blockquote>

Sorry for my mistake. You replace previous code with


.article_column.column1
{
float:left;
width:49%;
}
.article_column.column2
{
float:right;
width:49%;
}

– Delete this code in <joomla url>/templates/ja_anion/css/layout.css file


.cols2 .column1 .contentpaneopen {
padding-right: 10px;
}


1 user says Thank You to khoand for this useful post

1. kevin147890

[kevin147890 Friend kevin147890Join date: January 2011Posts: 33Downloads:0Uploads:25 Thanks: 12]

#386220

khoand – thank you; that definitely addressed the blog post layout for lead and introductory stories. Since I am working with a local override template, I added your code to local layout.css:

.article_column.column1 {
float:left;
width:49%;
}
.article_column.column2 {
float:right;
width:49%;
}
.cols2 .column1 .contentpaneopen {
padding-right: 0px;
}
Please see the results in my attachment layout-blog-good.png or by going to http://bcr.ncbible.net/index.php/biblical-studies/old-testament/torah-pentateuch/genesis. Thank you. This is just what I wanted. It would be nice to know why the the text does not wrap around the photo.

Please help me (just!) one more time: If you go to my test website at http://bcr.ncbible.net, you will notice that the home page featured layout for leading and introductory articles is now all messed up (see my attachment layout-home-intro-prob01.png).

I could work around this problem by just setting front-page to all leading stories and letting the thumbnail crop the photo to 150x150px. But that does not solve it. I would never be able to show one lead and two columns on front page favorites introductory posts.

At least part of the problem seems to revolve around:

.haveimage, .article_column .haveimage {
min-height: 190px;
padding-left: 158px !important;
}

It seems like I need to somehow change padding-left: to something like 80px for the introductory articles — but only when they are two-column.

But that still does not address the problem with either the wide image in the lead article covering the text or with the location of the smaller, 60px images in the introductory articles. I want the featured layout to look like the blog post layout.

Maybe I’m just trying to get the home featured post to do something they were never supposed to do (but then, why are there “Layout Options”?). Is there a different kind of layout I can select for the home page that still presents the featured articles and allows for one-column leading article and two-column introductory articles?

I see this post, but since it’s for JA Rave, I’m not sure it relates: http://www.joomlart.com/forums/topic/images-on-frontpage-2/.

Again: I am *very* appreciative.

Thank you, Kevin

---

Attachments:

1. 
2. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#386712

<blockquote>Please help me (just!) one more time: If you go to my test website at http://bcr.ncbible.net, you will notice that the home page featured layout for leading and introductory articles is now all messed up (see my attachment layout-home-intro-prob01.png).</blockquote>
Hi,
– Open <joomla url>templatesja_anionhtmlcom_contentfeatureddefault_item.php file, remove


<?php if ($images): ?>
<div class="article-image">
<?php echo $images ?>
</div>
<?php endif; ?>


$this->item->introtext = preg_replace ($regex, '', $this->item->introtext);
– Modify


.haveimage, .article_column .haveimage {
min-height: 190px;
padding-left: 158px !important; <--remove
}

1 user says Thank You to khoand for this useful post

1. kevin147890

[kevin147890 Friend kevin147890Join date: January 2011Posts: 33Downloads:0Uploads:25 Thanks: 12]

#386744

khoand! Thank you. Works perfectly.

So, since these changes are made in the .php file, I assume I will need to come back and make this modification after any ja_anion template upgrade.

Or, is there a way to make these changes in a local folder, like I do for my custom template .css (though I couldn’t figure out a way to remove !important in a local version).

Anyway, I am very pleased. Just so others can see what has been achieved, I’ve attached an image of how it looks now.

Thank you!
Kevin

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#386755

Hi,
<blockquote>
So, since these changes are made in the .php file, I assume I will need to come back and make this modification after any ja_anion template upgrade.

Or, is there a way to make these changes in a local folder, like I do for my custom template .css (though I couldn’t figure out a way to remove !important in a local version).</blockquote>
I think no way for local. You only can backup .php file before you modify
<blockquote>Anyway, I am very pleased. Just so others can see what has been achieved, I’ve attached an image of how it looks now.</blockquote>
What happened?

1 user says Thank You to khoand for this useful post

1. kevin147890

[kevin147890 Friend kevin147890Join date: January 2011Posts: 33Downloads:0Uploads:25 Thanks: 12]

#386758

kohand:

Thank you. I’ve appreciated the time you’ve spent helping me with this. It is just what I needed. I’m not sure what you’re referring to when you say … <blockquote>What happened?</blockquote>
Since I’m developing the site, I have taken it offline, but I included the image in my previous post to show you that it is working just as I want. I can even use ja-thumbnail now to give full-width images for both the leading and introductory articles.

I’m happy. Kevin

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#386774

Hi,
I thought your site occurs problem, but I seen it’s nomal. Now, I read your post carefully, I realize that you say it’s normal. Sorry about my mistake makes you confuse

[Author]

Posts