Yoo Theme alignment changed to left

skocko 11 Dec, 2008
Hi - I have just installed ChronoComments and itś exactly what I was looking for.Probloem is, that it has somehow over-ridden the template and left-aligned the site - I used all the tricks mentioned in other forum threads, but it just doesn´t work. Problem is not in IE7, only in Opera Opera/9.62 and Mozilla 3.04. On pages with fireboard there is no problem. Can you help me please?

Thank you very much.

This is the part that gets over-riden:
<body id="page" class="yoopage font-medium width-wide left default">


- on some parts, where I have fireboard it is OK, but on others with article view it looks like this. left should not be there
GreyHead 11 Dec, 2008
Hi scocko,

Very hard to say anything without seeing the page.

AFAIK ChronoForms doesn't change the body tag or the body css or redefine the 'left' class. You'll need to dig further into your page code to find exactly where the conflict is.

Bob
skocko 11 Dec, 2008
Hello GreyHead,

thank you for prompt answer. You can see my page on http://www.nehraj.sk. To see changed screen resolution must be at least 1280x760. Some pages are OK like under menu KOMUNITA-DISKUSNÉ FÓRUM. Others are left centered. When I disable chronoengine plugin, problem disappears, but I would really like to use chronocomments. Thank you for your help.
GreyHead 11 Dec, 2008
Hi skocko,

Look in the file plugins/system/2j_tabs.css and you'll find this line
#comments-container { width:680px; /* =width of surrounding div */ padding:10px; font-family: Helvetica, Arial, sans-serif; color:#333333;}
The width setting here needs to be modified.

Note: this is a css conflict between 2j_tabs and ChronoComments - not a problem with ChronoComments itself.

Bob
404 15 Dec, 2008
hi,

I have exactly the same for a yootheme template in combination with the chronocomments. i have installed the plugin and the component.
I have changed the width in style.css and style-ie6.css in the 'com_chronocomments' component, but no results, the template is still left-aligned. I do not have a 'plugins/system/2j_tabs.css' file (in root/plugins/system/).
skocko 15 Dec, 2008
For now, I unpublished J_tabs, bu didn´t help. What i did is, I changed default setting of Yoo theme from wide to fluid and set id to 96 percent. It did not solve the problem, but for a while I am OK.
Max_admin 15 Dec, 2008
hi all,

the problem is really very dependent on the theme css, the BEST way to fix this is to install Firebug extension for Firefox and start inspecting your page! it will show you which css classes are affecting your page, you can post me alink to your page here and I will take alook!

Regards
Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
404 16 Dec, 2008
that would be great! here is the link. much appreciated🙂
GreyHead 16 Dec, 2008
Hi 404,

I took a look but I couldn't see what was wrong . . .

Bob
404 16 Dec, 2008
:( that's a pity. I really like this component and do not want to lookout for something else. before I decide to purchase it I wanted to make sure it's working correctly. I guess it does, but it's conflicting with the yootheme template which I also want to keep.
GreyHead 16 Dec, 2008
Hi 404,

It's not that I can't see how to fix the error - I can't see what the problem is in the first place. What browser are you using? Can you post a screen shot and mark the error??

Bob
404 16 Dec, 2008
Hi Bob,

thank you for the quick reply. I am using Safari 3.2.1 and Firefox 3.0.4 on different macs. The issue is that the site is left-aligned instead of centered as soon as the component is active. here are the screenshots with the site left aligned:

Safari 3.2.1
Firefox 3.0.4

edit: @skocko I apologize for taking over your topic, but I have the exact same problem. I did not want to start a new one..
GreyHead 16 Dec, 2008
Hi 404,

Ok - that's what I see too - please can you post one more with the site centered. Thanks.

Bob
404 16 Dec, 2008
this is the alignment with the component and the plugin disabled (both need to be disabled):

safari
firefox
GreyHead 16 Dec, 2008
Hi 404,

Thank you - now I see it. The problem is in chrono_comments/style.css the last entry is
.left {
  float:left !important;
}
Try making this
div.left {
  float:left !important;
}
or possibly
div#comments-container div.left {
  float:left !important;
}
I'm not sure if this one will work though :-(

Bob
404 16 Dec, 2008
Bob!

first option worked🙂 i changed the last entry into:


div.left {
  float:left !important;
}


thanks a lot.

only thing is that the top of the poll module is being cut off (on the right top)
GreyHead 16 Dec, 2008
Hi 404,

I took a quick look and I can see the problem but didn't find the cause. The page was still left aligned though :-(

Bob
skocko 16 Dec, 2008
Hello, GreyHead,

I tryied your sollution

div.left {
  float:left !important;
}


and it actually did help to me. Plus I had one more problem which I did not notice before - when going from main page and clicking on menu item pointing to section-list-layout it kept showing me template in narrow look. When chronocomments was unpublished, the probklem was gone. Now everything is OK and I decided to stay with Chronocomments. Thank you for your help. Have a nice Christmas.
GreyHead 16 Dec, 2008
Hi skocko,

Thanks you have a good Christmas too.

Bob
404 17 Dec, 2008
the cutting off of the module on the right (poll) also has to to something with the chronocomments component I think. it is only being displayed on pages with the comments. there is nothing wrong when the component is disabled.
GreyHead 17 Dec, 2008
Hi 404,

I'm sure that you are right. But I went through all the page elements in FireBug that seemd to affect that placement and none of them were styled with the ChronoForms css (I guess I probably missed one somewhere though).

Bob
404 17 Dec, 2008
I really appreciate the help and I am pretty sure the code of chronocomments is clean, but somewhere something is conflicting. What would be the best way to find a cure? placing a topic on this in the yootheme forum perhaps?
GreyHead 17 Dec, 2008
Hi 404,

There are a couple of possibilities, both a bit tedious.

Probably the simplest is a binary search on the ChronoComments CSS. Open the CSS file for editing, remove abotu half of it, save it, refresh the page and see if the error is still there. If it is then put that half back and remove the other half. Then you know which half causes the error remove half of that half and repeat until you pin down exactly what causes the error, then you can look in the page code and see where that might cause the problem and fix it.

Alternatively, you do what I did which is to scan though the page elements looking for possible sources - less reliable, but quicker (if it works).

Bob
404 18 Dec, 2008
Hi Greyhead,

I have disabled the whole style.css in the chronocomments component (before that I tried to disable first/second half etc., like you mentioned) and still the problem occurs. could it be anything else than the css?
Max_admin 18 Dec, 2008
Hi 404,

when you tried that you refreshed the page through the browser to make sure that the cached files are not used ?

Regards
Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
404 18 Dec, 2008
hi admin,

yes, I have also emptied my cache and pressed refresh: here's an example of how it looks with the style.css disabled (just renamed style.css)
Max_admin 18 Dec, 2008
ok, I didn't read all info here but if you disabled the plugin the problem disappears ?
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
404 18 Dec, 2008
@admin, that is correct. it only appears when I click the '# reacties' link under an article. the next page where the reactions are listed the top module on the right is being cut off (at the top). when the component and plugin are disabled, it is normal (just like on all other pages).
404 18 Dec, 2008
it's getting a bit stranger now. I have enabled the style.css in the chrono comments component and of course nothing has changed, still the top of the module on the right is cut off once I have clicked the reactions link (under an article).

but.. when I do a search for a word from that same article (in the search box I typed 'tooltip') and clicked the link, the module is showing normal (and here are the chronocomments as well!)
Max_admin 19 Dec, 2008
try to view the source of the 2 pages and compare the files loaded at each case ?
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
GreyHead 19 Dec, 2008
Hi Max,

The source code of those two pages is identical (except for the anticache values).
404 19 Dec, 2008
it only happens when '#comments' is added in the URL (after clicking the reactions link under the article'. if you remove the '#comments' from the URL (and refresh) it is normal again.
404 19 Dec, 2008
I have edited my section/category names so previous links are not active anymore: with #comments(cut off) and without(=OK)

edit: As soon as I disable the breadcrumb module the cutting off is also in the content window (screenshot). Again, when I remove #comments from the URL everything changes back to normal.
404 22 Dec, 2008
I have placed a question on the yootheme forum on this and received an answer:

Q:

how do I add the breadcrumbtrail to the part with the #comments ? so it appears and the module on the right is normal.



A:

Here is your solution:
go into com_chronocontact>js>mooValidation.js there is a line in there that adds the visibility: hidden. change to visibility: visible
The source code of those two pages is identical (except for the anticache values).
This could also be a conflict with something else and Chronocomments. have you tried disabling, one at a time, the different components installed on the site and seeing if the problem persisits?
Are you using the 1.2 version of the Chronocomments?
Also, this is really a question for their forum as it is their component.



Should I have a com_chronocontact component? I don't have it..
GreyHead 22 Dec, 2008
Hi 404,

com_chronocontact is the folder name used by ChronoForms. But the visibility line *should* only affect the validation messages??

Bob
404 25 Dec, 2008
ok, it is solved. the mod on the yooforum recommended to delete the "floatbox class" in the index.php of the template. this seems to be working. thank you for your efforts and Merry Christmas!


<div id="mainmiddle" class="floatbox">
            
                                                <?php if($this->countModules('right') && !class_exists('JEditor')) : ?>
                                                <div id="right">
                                                   <div id="right_container" class="clearfix">
                                                      <jdoc:include type="modules" name="right" style="yoo" />
                                                   </div>
                                                </div>

This topic is locked and no more replies can be posted.