Forum Support

Shape 5
March 29, 2024, 04:09:41 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Slides not centered on module position  (Read 959 times)
gregorio
Jr. Member
**
Offline 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
Administrator
*****
Offline Offline

Posts: 28743



WWW
« 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 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
Administrator
*****
Offline Offline

Posts: 28743



WWW
« 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 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
Administrator
*****
Offline Offline

Posts: 28743



WWW
« 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.png

With 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 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
Administrator
*****
Offline Offline

Posts: 28743



WWW
« 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.png

CSS 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 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
Administrator
*****
Offline Offline

Posts: 28743



WWW
« 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 Offline

Posts: 24



« Reply #10 on: April 03, 2012, 02:22:42 PM »

Absolutely..




Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« 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 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
Administrator
*****
Offline Offline

Posts: 28743



WWW
« 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 Offline

Posts: 24



« Reply #14 on: April 04, 2012, 12:41:46 PM »

working on it...

Thanks a bundle!

Greg
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.