Shape 5

Hi guys,

I installed the Horizontal Accordion on my clients site (a Shape5 template) and for some reason the texts are not aligned correctly. The result is similar in IE, Firefox and Safari. Strange is that in IE10 the title is aligned horizontally and not vertically.

Please check out the page: www.svvarmland.se (http://www.svvarmland.se)

Please advice! Thanks.

/Mike

Hello,

Download a fresh copy of the module and extract the css file from within the zip file, and then over-write your existing one your server. IE10 uses ms-rotation, which was added to this css file a few days ago.

Thanks Mike,

I downloaded and replaced the s5_horizontal_accordion.css, but nothing changed. I saw that this issue has been addressed before and by adding "-ms-transform: rotate(270deg);" the title is now vertically aligned in IE10.

But my "real" problem still exists... the text is not aligned correctly. Can you please have a look at the link I provided and you will see what I mean. Thanks.

/Mike

Hello,

Try adding the following to the bottom of template.css:

.s5_hor_acc_title_wrap {
padding-top:26px !important;
}

.s5_hor_acc_mod_wrap {
padding:15px 15px 15px 28px !important;
}

That made the problem disappear.

Thanks!  ;D

Hi i have the same problem. The titles of of the s5_ha_1 and all the rest comes out weard and you can even make out what the title says.
i have an image attached to show how it looks like.

Still needs some help?
Thanks

Hello,

The source of your site is showing that there are no text titles defined in the module.

Could you explain just a little bit. Because i have five titles in

Hello,

I'm sorry I was looking at the wrong url above. You have something in your template that is causing the issue:

body {
    color: #777777;
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
    word-wrap: break-word;
}


Removing the word-wrap line will fix this issue.