Category Blog View problem
-
-
- Antony Doyle
- Jr. Rocketeer
- Posts: 38
- Thanks: 0
- Web designer, developer.
-
Hello all.
Maybe I've missed something, or done something slightly wrong, but while editing the default Gantry template I've come across a strange problem.
On a standard page, the footer looks something like this;
http://www.antonydoyle.co.uk/temp/standard.png
Yet, switch to the category blog view and not only is the footer displayed incorrectly, but the columns are incorrectly laid out too.
http://www.antonydoyle.co.uk/temp/catblog.png
(I apologise for the size of the images)
Firebug suggests that the second column is being rendered INSIDE the first, though I have not made any changes to the original template code, it's all been CSS edits so far.
If I switch back to the original stylesheet provided with the template, it still does the same thing.
I've had this problem with several different installs of the gantry template.
Unfortunately they are on a local server, so I'm unable to provide login details etc. Any suggestions of where I should be looking to fix this would be greatly appreciated.
Thanks!
-
-
-
- sbrant
- Hero Rocketeer
- Posts: 316
- Thanks: 0
- Blog category view is to display snippets of articles - not to display the entire thing - and it also releases you from having to create menu items for every blog entry by using "readmore" . When you set the menu item to Category Blog, there are parameters. I'm guessing you left them default which is two columns, one intro, something like 4 and 4. If you change this to one column, it should display fine - but is still missing the purpose of the Blog.
-
-
-
- Antony Doyle
- Jr. Rocketeer
- Posts: 38
- Thanks: 0
- Web designer, developer.
-
These are only snippets of articles. Each demo article is cut off using "readmore". The first link is a single article layout as a reference for how the footer should look.
I changed the "blog layout options" in the menu item manager, and set it to display the following;
leading - 1
intro - 4
columns 2
links 2
In any other template (including other RT templates) this results in a single, 100% wide article "snippet", followed by 2 columns of 2 snippets and then a list of links to further articles with the pagination below that.
In this template however, it doesn't.
Also, the menu settings don't explain why the footer is displayed wrong.
I'm now thinking perhaps there is a div not closed or something somewhere, as the text in the footer has a shadow applied to it from elsewhere in the template. I just don't know where to start looking as every other menu link "type" works perfectly. It is just this one layout. And there doesn't seem to be any issues in the com_content override for category blog view.
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
Check your site with the w3c validator.
I'm pretty sure you have unclosed elements in your code.
You can use our RokPad editor to find bugs like that in your articles ...
-
-
-
- Antony Doyle
- Jr. Rocketeer
- Posts: 38
- Thanks: 0
- Web designer, developer.
-
Hi!
Thanks. I checked through all of the articles that are in that category and removed the "lipsum" class div that was wrapped around the text (I copied and pasted from lipsum.com and it added it automatically).
Once this was gone, everything displayed properly. This is quite confusing, but at least it's sorted. I was always under the impression that if a class or ID is undefined, it was treated as having no styling? Unless somewhere in Gantry there is a CSS entry for #lipsum?!
Anyway, it is all sorted now. Thanks for your help guys.
-
-
-
- clinicalbear
- Sr. Rocketeer
- Posts: 106
- Thanks: 0
-
Hi there I dont want to open a new post cause I have the same problem, I cant see correctly the blog category, here is the link
testcespi.evangelicweb.org/index.php/attivita/eventi
please let me know what I can do to fix that
-
-
-
- clinicalbear
- Sr. Rocketeer
- Posts: 106
- Thanks: 0
-
By the way, I didn't change anything in blog category display...
The links doesnt work as well...
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
You also seem to have to validation bugs so please use the W3C validator to troubleshoot that.
As a quick fix add this to your template.css and clear your cache:
div#rt-container-bg {overflow: hidden;}
-
-
-
- clinicalbear
- Sr. Rocketeer
- Posts: 106
- Thanks: 0
- Thank you for the quick answer but even the quik fix didnt work, what do I have to search for in the w3c validator?
-
Time to create page: 0.056 seconds