gregorio
Jr. Member
Offline
Posts: 24
|
|
« on: March 31, 2012, 11:56:43 AM » |
|
Hi there,
I am trying to use the S5 horizontal accordion I can't get it to show centered. I have been looking around for a long time and I failed to find what it is going on. I have changed the width of the slides also. and publish the module to a different position, nothing helped.
Any ideas?
Thank you very much.
Greg
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #1 on: April 02, 2012, 08:26:24 AM » |
|
Hello,
If you're trying to center the module itself that depends on the template you are using. You'll most likely need to add a margin-left to the module to make it appear centered.
|
|
|
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
|
|
|
gregorio
Jr. Member
Offline
Posts: 24
|
|
« Reply #2 on: April 02, 2012, 09:12:57 AM » |
|
No, I think (see below) that the module itself is centered in position. It is the module content (the slide) that needs the margin-left
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #3 on: April 02, 2012, 11:30:34 AM » |
|
Hello,
Please post a url to where this is published.
|
|
|
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
|
|
|
gregorio
Jr. Member
Offline
Posts: 24
|
|
« Reply #4 on: April 02, 2012, 11:48:43 AM » |
|
The site is very much under construction. I made live for you to take a look please let me know when I can take it offline. Thank you very much. Greg http://metrowesthomerepairs.com/
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #5 on: April 02, 2012, 12:39:10 PM » |
|
Hello, You have no content on the slide. You are calling a solid image only: http://metrowesthomerepairs.com/modules/mod_s5_horizontal_accordion/images/slide1.pngWith this layout you would need to make your adjustments to the image itself.
|
|
|
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
|
|
|
gregorio
Jr. Member
Offline
Posts: 24
|
|
« Reply #6 on: April 02, 2012, 02:01:26 PM » |
|
Hi, you lost me there, I am sorry just learning here.
I did set-up only one slide following the documentation to see if I was in the right track. I have not yet created the images for the the rest of the slides I am planning on using. I have now duplicated and published five more slides (same image) and it seems to me the set-up is fine. Could you check it out again? the centering issue the only thing holding me (I think) Where can I find the CSS that controls the slides position within the module itself?
Greg
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #7 on: April 03, 2012, 07:13:00 AM » |
|
Hello, If you are referring to the content that you want to center, you have no content. You have built it directly on to the image itself. You have no actual text, it's built on to the image: http://metrowesthomerepairs.com/modules/mod_s5_horizontal_accordion/images/slide1.pngCSS cannot manipulate the look of an image.
|
|
|
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
|
|
|
gregorio
Jr. Member
Offline
Posts: 24
|
|
« Reply #8 on: April 03, 2012, 12:14:52 PM » |
|
Hi Mike,
Thank you very much for your responses.
It seems as if I did not explain property what is going on and what I am trying to achieve. Please allow me to try one more time and after your review, if you can help me great if not I'll find some way to get this done. I am quite familiar with CSS although no guru what so ever, CSS is applied to images all the time to modify their look, transparency etc but of corse, you are right, no CSS can move the contents of the image around. I do not intent to manipulate the image.
I am using Chrome's Developer Tools and I am including here a few screen shots that I hope will help. (I included one in previous post)
The slides are showing not centered within the module container (id="s5_hor_acc_wrapper") See the blue color space on the right side of the slide (Sreen shot 1)
Notice the padding: 0px attribute on the (Screen shot 2)
Notice my padding change using Developer Tools (Screen shot 3)
Notice centered slide result, green and brown on the sides (Screen shot 4)
Now, where do this CSS styles come from? I can't see it in s5_horizontal_accordion.css
Could I edit div.s5_hor_acc_wrapper in s5_horizontal_accordion.css with out messing something else?
Thank you again
Greg
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #9 on: April 03, 2012, 02:14:43 PM » |
|
Hello,
Can you please publish your site again so that I can view it live? I cannot verify css without viewing this live.
|
|
|
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
|
|
|
gregorio
Jr. Member
Offline
Posts: 24
|
|
« Reply #10 on: April 03, 2012, 02:22:42 PM » |
|
Absolutely..
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #11 on: April 04, 2012, 07:44:37 AM » |
|
Hello,
I think your template just has a default width on that area and the module isn't set wide enough to fit the area. Try increasing the width of the accordion in it's backend to something large like 925 instead to fill in the extra space.
|
|
|
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
|
|
|
gregorio
Jr. Member
Offline
Posts: 24
|
|
« Reply #12 on: April 04, 2012, 10:03:49 AM » |
|
Hi Mike,
Yes, that did the trick. Thank you very much, the next time I ask for help I will try to by as clear as I can with the issue.
I have one more question though... Can I apply links to the slides? for instance: while hovering the images (slides) the cursor change to a "hand" and the user can click and go to a different page.
thanks again
greg
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #13 on: April 04, 2012, 12:33:58 PM » |
|
Hello,
You would have to add your own html into the slide modules for that. Since you have them setup as just images, there is no html for the links to apply to.
|
|
|
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
|
|
|
gregorio
Jr. Member
Offline
Posts: 24
|
|
« Reply #14 on: April 04, 2012, 12:41:46 PM » |
|
working on it...
Thanks a bundle!
Greg
|
|
|
Logged
|
|
|
|
|