ROCKETTHEME IS CLOSING JUNE 30, 2025. Read our Farewell Blog Post for more info.
Broken blog layout
-
-
- Emily West
- Rocketeer
- Posts: 84
- Thanks: 0
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
I have looked at your site and as yet have not been able to determine the cause.
Please upgrade to the latest versions of both Gantry and the Dominion template. This will help us determine it is a template issue that may already have been dealt with.
-
-
-
- Ben Lee
- Elite Rocketeer
- Posts: 4193
- Thanks: 42
-
OK, found the issue!
There was a "div" tag that was split by the "ReadMore" code, like I mentioned some posts back, this happens a lot.
Using the JCE editor may have messed things up for you. I put a closed div tag just before the ReadMore and then another open div of the same as the first of the article just after the ReadMore.
This cleared up the issue.
RokPad is very helpful for this type of issue as it highlights the open and closed tags so you can scan through fairly quickly and see if something is not closed.
-
-
-
- Emily West
- Rocketeer
- Posts: 84
- Thanks: 0
- Thanks the problem was solved but I need to know how to do it. I am having the same problem after publishing any new content. I don't understand where to change the code you described. Thanks
-
-
-
- Emily West
- Rocketeer
- Posts: 84
- Thanks: 0
- C'mon guys. I really need some help here. This is on my live site. Please help.
-
-
-
- Ben Lee
- Elite Rocketeer
- Posts: 4193
- Thanks: 42
-
What's happening is your editor is creating a "div" container to style the text. The problem is that it's creating the container for the full article. When you have a blog layout, there is a "Read More" tag in there that splits the article, so in a blog layout, you have the open "div" tag, but no closed "div" tag...since it's at the end of the full article.
If you use RokPad, you'll be able to see the first line being a "div" container, then also the "Read More" code. Just before the "Read More" code, you'll want to close that first "div" container...then after the "Read More" code, you'll want to copy and paste that same "div" tag from the beginning. This will end it for the blog layouts, but then restart it for the full article layouts. You won't be able to do this from the JCE editor or the TinyMCE editor as they strip out the code, so it'll have to be the No Editor or RokPad Editor. I prefer RokPad since it highlights the code bits and sorts things much better.
-
-
-
- Emily West
- Rocketeer
- Posts: 84
- Thanks: 0
-
-
-
- Emily West
- Rocketeer
- Posts: 84
- Thanks: 0
-
Is there any word on what is causing this problem. It only happens with this rockettheme template?
And it keeps happening everytime I publish an article. I know how to fix it now but it is still a problem whenever any of my users create an article it breaks the page until I get a chance to go in and fix the code.
-
-
-
- Ben Lee
- Elite Rocketeer
- Posts: 4193
- Thanks: 42
-
The problem is in the editor and how it includes those extra style "div" containers, like I mentioned in my post above.
You're seeing it on RocketTheme templates because there is more styling involved and the template structure uses other div containers. If these aren't closed out properly, it creates a broken layout.
If you can use an editor that doesn't have to create a separate "div" for each whole article, you shouldn't have this problem.
-
-
-
- CMYKreative
- Elite Rocketeer
- Posts: 706
- Thanks: 15
-
We found the JCE and TinyMCE editors were horrible and used to totally screw up code adding in things as and where it chooses to.
After trying many, the best editor I think is this one: www.joomlackeditor.com/
And we also use this (NDEditorSwitch) to toggle editors on or off or switch editors "live": joomla.netdream.it/
Have fun!
- CMYKreative : Graphic Design , Web Design , Printing , Banner Ads , Branding and more.
-
Time to create page: 0.085 seconds