Joomla Templates Club 406,261 posts

[armstrj1 Friend armstrj1Join date: January 2013Posts: 29Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#189520

HI,

I am using JA Purity II with a main-right layout. If I set up the home page in blog format with more than one article, the right hand column is moved below the main page content and indented to align with the right hand edge of the blog layout.

Can anyone suggest a fix for this problem.

John

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#501474

Hi John,

It seems that the old overriden blog layout of com_content on JA Purity ii template no longer works fine with the new Joomla version. In this case, i suggest you to backup the files in templates/ja_purity_ii/html/com_content/category/ folder, then overwrite them by the new layout files in my attachment.

Note: Overwrite with 3 files included in the attachement only and clear JAT3 cache after saving changes. Please send me PM with your website’s credentials for further checking if this issue still persists.

---

Attachments:

1. tmpl.zip

[armstrj1 Friend armstrj1Join date: January 2013Posts: 29Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#502128

Hi Leo,

Thanks for the response.

The only place I could find the 3 files to be replaced was in plugins/system/jat3/jat3/base-themes/default/html/com_content/category

I replaceed these 3 files with the new versions you sent and cleared the JAT3 cache. The results were slightly different but the right hand column was still displaced below the leading article and indented.

Can you tell me what PM is and I will supply it

Regards

John

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#502134

Hi John,

The right column still displayed fine on the right hand side of article when I checked out your website’s front-end.

In order to send PM (Private Message), you can click on the member’s username then select Private Message. Then you can send a message to other members in forum.

[armstrj1 Friend armstrj1Join date: January 2013Posts: 29Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#502186

Hi Leo,

This is because I have not set blog format for the front page. I have a tempoary workaround where I have put 3 intro articles into a table at the end of the leading article on the front page.

I have now set up a blog format on the front page of the test site with 1 leading article, 3 intro articles and 3 columns you so you can see the problem.

I have noticed another problem with the fix files you sent – the leading couple of characters on each line of articles in the left hand column of category blog format pages other than the front page are being clipped.

Regards

John

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#502272

Hi John,

In this case, you can solve this issue by adding below codes into the end of testbackup/templates/my_japurity/css/template.css file:

/*Extra styles for adjusting the Home blog layout*/
div#ja-mainbody {
width: 100% !important;
}

div#ja-main {
width: 80% !important;
float: left;
}

.blog-featured .item .contentpaneopen {
width: 245px;
}

.blog-featured .items-row.cols-3 {
padding-top: 0 !important;
}

.ja-content-main .counter {
position: absolute;
margin-top: 176px !important;
float: left;
width: 120px;
}

div.pagination ul {
margin: 52px 200px !important;
}

#ja-right {
margin-top: 30px;
}

Clear JAT3 cache . Lets make a snapshot if there is another issue on Home category blog layout, I will be back to help you then.

[armstrj1 Friend armstrj1Join date: January 2013Posts: 29Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#502381

Hi Marios,

Thanks for the additonal CSS code.

Somewhat embarrasingly, I could not login to the back end of the testbackup site I set up for testing. When I changed the password, I must have recorded it incorrectly. I did not keep a copy of the private e-mail I sent you. Could you send me a private message with the changed password I sent you, just to see if this is different from my record?

I tested out the additional CSS code and the 3 files you sent me originally on the main site I am running before we go live next week.

The only effect that the 3 files you sent originally seem to have is to clip the first couple of characters of each line in articles in the left column in blog format.

With the additonal CSS you sent, with or without the 3 replacement files you sent originally, there is an improvement in the front page layout I had specified with 1 leading article, 3 intro articles and 3 columns:

– the rigth hand column is in the correct position on page 1
– the first 2 intro articles are correctly positioned in 2 columns, each taking up a third of the full content width

However, there are a few problems:

– the third intro article is actually postioned below the second intro article
– the second page of the home page has just one article but this is full width
– for all other pages, whether single article, category list or category blog layout, the right hand column is below the main content, albeit fully right aligned

The second page problem is not that important because I will never need a second page in practice. Can you suggest further fixes that wiill resolve the other 2 problems? Do you need any more diagnostic information?

Thanks for your help.

Best Wishes

John

[armstrj1 Friend armstrj1Join date: January 2013Posts: 29Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#502384

Hi Leo,

Sorry – I have just spotted that my previous reply was addressed to Marios. I got confused as Marios is handling another problem I have raised.

Best Wishes

John

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#502414

Hi John,

The is an error of displaying the featured articles in columns on your website which causes the 3rd articles inside the 2rd column tab, that is why the 3rd is under the second. You can solve this issue by adding below overriden css into templates/my_purity/css/layout.css:

.home .item.column-3 {
width: 245px;
margin: -136px -260px;
float: right;
}

.home .cols-3 .item {
width: 32%;
}

Beside that, I adjusted the home layout to make the right sidebar fitted by adding the page class “home” in Page Display options in Hom menu item’s backend, and roll back all pages to default layout. The sidebar shows on the right side on all pages now.

These 2 problems were fixed already, your website works fine now.

Note: I also forwarded the password info you had sent me before.

[armstrj1 Friend armstrj1Join date: January 2013Posts: 29Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#502513

Hi Leo,

Thanks for the additional fix – the layout is much better now. The third intro article is on the correct row now but displaced to the right. Could you come up with another fix that will align it correctly?

Also, how did you roll back all pages to default?

Thanks for sending me the changed password. It was the same as record I had written down. For some reason I don’t understand, I could not login yesterday but today with the same password I could.

Thanks for all your help.

Best Wishes

John

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#502528

Hi John,

The reason is that you duplicated the extra styles of 3 columns in templates/my_japurity/css/layout.css, lets remove the unnecessary codes, keep one only. In addition, in that codes, change to width: 250px; , this will make your 3rd article look perfectly. Remember to clear JAT3 cache then.

Note: I saw you set 444 to layout.css and template.css file, make sure your change in these file can be saved !

Indeed, as i mentioned above that all pages is loading the default layout (main-right) with correct width of mainbody and main-right. But, on you homepage we need to add more extra styles to make it look perfectly. That is why some codes i added the class suffix named “.home” to be effective on Homepage only.

For the password issue, it is fine with you now, i don’t have any comments on that 🙂

[armstrj1 Friend armstrj1Join date: January 2013Posts: 29Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#504608

Hi Leo,

Sorry for the delay in replying but I have only just spotted your last reply (it had gone onto a second page and I had not realised that there was a second page!)

I have made the changes you suggested and the home page 3 column blog format is now working fine.

Thanks for all your help – much appreciated

Best Wishes

John

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#504624

Hi John,

You are welcome 🙂

[Author]

Posts