Joomla Templates Club 406,261 posts

[placidpete Friend placidpeteJoin date: May 2010Posts: 57Downloads:0Uploads:1 Thanks: 9 Thanked: 3 times in 1 posts]

#165263

I like the styling of the Graphite blog, especially the create date formatting. It appears to use page class suffix TILEBLOG but I cannot find the related css.

I’d like to use a similar style for my ‘credits’ main menu category blog. I want to use a page class suffix CREDITS to style the articles in category CREDITS. They are not marked featured articles otherwise they show up in the Graphite Blog.

I’d welcome any help.

[kshama_k Friend kshama_kJoin date: May 2011Posts: 99Downloads:0Uploads:12 Thanked: 11 times in 10 posts]

#396698

hi placidpete

I have checked your site ,
For date formatting in blog menu you have made three classes for day,month,year and applied following css style to these classes in
/templates/ja_graphite/css/template.css:


blog-featured .iteminfo {
left: 0;
position: absolute;
top: 0;
width: 80px;
}
clearfix .blog-featured span.create {
border-bottom: 2px solid #DDDDDD;
font-family: Arial,Helvetica,sans-serif;
margin-bottom: 5px;
padding-bottom: 5px;
}

.blog-featured span.date {
display: block;
float: right;
font-size: 35px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
}

span.month-year {
display: block;
float: left;
font-size: 90%;
font-weight: bold;
text-transform: uppercase;
}


similarly for credit blog make these (eg. date,month,year) three classes and apply above styling to it..

[placidpete Friend placidpeteJoin date: May 2010Posts: 57Downloads:0Uploads:1 Thanks: 9 Thanked: 3 times in 1 posts]

#397131

Thanks for the reply. Actually the css styling used in the demo blog is perfect for my new credits blog. However I note that the demo blog uses only featured articles.

I can set the articles in the category ‘credits’ to be featured and the ‘credits’ blog displays just like the demo blog. However ALL of the featured articles appear on the home page. Is there any way to set up a featured articles blog to show only articles from a single category?

This would be an easier solution for me if it is possible.

[kshama_k Friend kshama_kJoin date: May 2011Posts: 99Downloads:0Uploads:12 Thanked: 11 times in 10 posts]

#397310

hi

No, joomla doesnt provide this facility as of yet. But if you want to get this feature custom developed and willing to pay for it, you can post your requirement at http://www.joomlancers.com and you will find many freelancers to get the job done.”

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#397338

Hi placidpete,

As Kshama said, joomla currently doesnot provide the feature to display featured articles from a specific category.. But you can use same styling as the featured blog to any of your category blog pages, as explained earlier by Kshama..

I have made some changes so that you can have the same layout and styling as your BLOG menu, to the CREDITS menu. I have added a Page class suffix : -credits to your Credit Menu item. I have added the css for the credits page, having class ‘-credits’, to make it look like the featured Blog page. The css added is as follows.

<blockquote>.blog-credits .item h2 a {
color: #333;
font-family: ‘QuattrocentoRomanRegular’,serif;
margin-bottom: 20px;
font-weight: normal;
font-size: 120%;
}

.blog-credits .item h2 a:hover,
.blog-credits .item h2 a:focus,
.blog-credits .item h2 a:active { color: #8F1D30; }

.blog-credits .iteminfo { left: 0px; position: absolute; width: 80px; top: 0px; }

.blog-credits h1 {
border-bottom: 2px solid #666666;
color: #333;
font-family: ‘ArvoRegular’,serif;
font-size: 125%;
font-weight: normal;
letter-spacing: 1px;
padding: 10px 15px 10px 0px;
text-transform: uppercase;
margin: 0px;
}

.blog-credits h2 {
font-size: 180%;
padding-top: 0px;
margin-top: 0px !important;
}

.blog-credits span.create {
border-bottom: 2px solid #DDD;
margin-bottom: 5px;
padding-bottom: 5px;
font-family: Arial,Helvetica,sans-serif;
}

.blog-credits span.date {
display: block;
float: right;
font-size: 35px;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
}
</blockquote>

I have also added a blog_item_new.php in your templates/ja_graphite/html/com_content/category, which has the exact layout like the featured blog layout. So if you rename the current blog_item.php (to have its backup) and rename blog_item_new.php to blog_item.php, and clear JAT3 cache from the joomla admin, you will immediately see the difference in layout and styling. The featured blog layout is styled to use for only intro type and it doesnt seem to be styled for displaying leading type of articles. So in your Credits blog, you may need play with the related css to make the leading article look good.

Hope this gives you the layout you want for credits page.. 🙂

2 users say Thank You to himangi for this useful post

1. placidpete
2. Phill

[placidpete Friend placidpeteJoin date: May 2010Posts: 57Downloads:0Uploads:1 Thanks: 9 Thanked: 3 times in 1 posts]

#397680

Himangi

This works just perfectly for me. Many thanks for the extra effort – great support!

[tzarjm Friend tzarjmJoin date: September 2010Posts: 14Downloads:0Uploads:5]

#397723

Himangi,

May I have that PHP file too!!! Please….I have been following this post and I too like the layout of the Blog. I tried installing K2 to have the tags, author, Tagged under, Latest from administrator etc. but it keeps throwing off my entire css.

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#397802

@placidpete,

Glad it solved your problem and thanks for the appreciation! 🙂

@tzarjm, what I have understood is you want to use k2 and want to have the blog layout and style similar to the Ja Graphite blog. You will need to copy the layout file for k2 and use template override to use the layout you want in that k2 file.. Please remember, since k2 has lot many details to show on an article and of course the container divs being different than the joomla article layouts, you may almost need to write your own css, with reference to the Ja Grahite blog styling.

I hope i have explained it clear enough and havent confused you.. 🙂 let me know if you need more help.

[placidpete Friend placidpeteJoin date: May 2010Posts: 57Downloads:0Uploads:1 Thanks: 9 Thanked: 3 times in 1 posts]

#399522

Hi Himangi, I seem to have broken my site (still under construction).

Since JA Graphite is fairly new I thought it would be a good idea to upgrade the template to 1.0.4 using jaextmanager. The message ‘installing, please wait..’ never finished but the site did change. However, the css seemed broken so I rolled back to 1.0.1. Again there was no completion message. Now the site looks similar to before but not exactly. The ‘Credits’ menu link on the main menu no longer works and blog articles where I have used the bubble-1 style do not display correctly. Looking at the header it seem that the typo.css stylesheet has not been loaded.

I’d be very grateful if you could take a look and advise. Especially to see if jaextmanager is working properly. There may have been a server storage space issue but I have now had this increased.

I’m conscious that I will need to be careful upgrading the template since I’m using the customised blog php file you kindly gave me.

Your help would be appreciated. Thanks

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#399525

Hi,

I checked the site, it is looking good, but I am not sure what all styling you have lost in the upgrade and roll back processes.. I checked the Credits menu in the menu at top and it worked fine, I could see Musicians’ names, photos etc.

Regarding the css, please always have a habit of taking a backup before you upgrade any big extension / joomla, so that there wont be any problem ever. I think you will need to redo the css changes you may have done earlier, since you rolled back the template, original css must have been implemented..

I will check the issue of ‘messages not getting displayed after any upgrade / rollback is complete and let you know if you need to reinstall the JA Extension Manager component.

Thanks for reporting this and having patience! 🙂

[Author]

Posts