master360
Jr. Member
Offline
Posts: 22
|
|
« on: May 13, 2013, 02:31:02 AM » |
|
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.sePlease advice! Thanks. /Mike
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #1 on: May 13, 2013, 07:34:11 AM » |
|
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.
|
|
|
Logged
|
Mike Knott ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
master360
Jr. Member
Offline
Posts: 22
|
|
« Reply #2 on: May 13, 2013, 07:58:27 AM » |
|
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
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #3 on: May 13, 2013, 10:25:56 AM » |
|
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; }
|
|
|
Logged
|
Mike Knott ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
master360
Jr. Member
Offline
Posts: 22
|
|
« Reply #4 on: May 13, 2013, 10:45:17 AM » |
|
That made the problem disappear. Thanks!
|
|
|
Logged
|
|
|
|
minister3
Jr. Member
Offline
Posts: 4
|
|
« Reply #5 on: March 04, 2014, 12:52:12 PM » |
|
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.
|
|
|
Logged
|
|
|
|
minister3
Jr. Member
Offline
Posts: 4
|
|
« Reply #6 on: March 05, 2014, 07:45:24 AM » |
|
Still needs some help? Thanks
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #7 on: March 05, 2014, 08:54:41 AM » |
|
Hello,
The source of your site is showing that there are no text titles defined in the module.
|
|
|
Logged
|
Mike Knott ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
minister3
Jr. Member
Offline
Posts: 4
|
|
« Reply #8 on: March 05, 2014, 09:00:05 AM » |
|
Could you explain just a little bit. Because i have five titles in
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #9 on: March 05, 2014, 09:54:52 AM » |
|
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.
|
|
|
Logged
|
Mike Knott ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
|