Module positioning

[Silversurfer]

I have installed the Easy Image Rotator extension for Joomla 3.3.4 extension. I placed it in module position 12 and it is working fine. However, I am not able to center the module (it is on the left)
I have found the code using Firebug and adding margin-left: auto; and margin-right auto; with Firebug as suggested in the forum puts the module exactly where I want it. However, for the life of me I am unable to find where or what I can edit to shift this module to the center.
This is the code I need to adjust
<div class="slider-wrapper theme-default" style="width:750px;height:100px;">
My website is a work in progress but I have put it online in the hope that someone will be able to help me.
http://www.winmastermind.com.au

[waarnemer]

The code must be in your module somewhere.
anyway; easy thing without tempering with the module is this:

Code: Select all

/*additional css for slider-wrapper-module*/
.slider-wrapper {
  margin: auto;
}

put it at the bottom of your /templates/winmaster_new2/css/template.css

That should do it.. but beware, on small screens your slider grows out of your content container. Check on mobile devices..

[Silversurfer]

Thank You waarnemer

But unfortunately it didn't do the job. I cleared the cache for both the website and the browser but nothing has changed.

Thank you also for the advice re the size of the slider, I will see what I can do to fix that if and when I have solved this problem. I think this may be a problem for some time to come until we adjust to the many mobile devices that are being used today.

Once again many thanks

[Per Yngve Berg]

There is a syntax error in template.css, lin 25380

Code: Select all

margin;1px;width:auto

The ";" after margin shall be a ":"

Therefore the stements after that is not parsed.

[Silversurfer]

Sorry that didn't make any difference either but thanks for the input

[Per Yngve Berg]

The change is not implemented or the css file is cached.

Set the width: 100%, that will make it responsive.

[Silversurfer]

There is no connection between that particular table code and my current problem with the module. I used that table code because at one stage I could place the image slider module into the table and then center it, that worked fine for a while but something changed when the slider was updated which created a whole new problem. That is why I am trying to get the module to center align instead.

[Per Yngve Berg]

Line 23580:

Code: Select all

margin:1px;width:100%

A ";" is missing after 100%

[Silversurfer]

Still no change. I have been searching the Artisteer forum and it appears that this is a common problem with the Artisteer templates and cannot be resolved within the css file as far as I can make out. I will continue searching tomorrow to see if I can find a solution.
Thank You for your help it is very much appreciated.

[waarnemer]

check your code:

Code: Select all

webrent-article table, table.webrent-article

border-colapse:collapse;

margin:1px;width: 100%;
margin-left:auto;
margin-right:auto;

should be:

Code: Select all

webrent-article table, table.webrent-article
{
border-colapse:collapse;
margin:1px;
width: 100%;
margin-left:auto;
margin-right:auto;
}

As it is wrong here, it will not show the css styling as from that first error. If you correct that, the styling for your slider will pop in.

[Silversurfer]

Well I have tried that and it doesn't make any difference either. I get the module to show in the center of the table and the table in the center of the page but all the images then run over the entire page. It seems like something is missing that stops it showing just one image at a time if used in a table.
I just don't understand coding

Many thanks

[xfsgpr]

Well I have tried that and it doesn't make any difference either. I get the module to show in the center of the table and the table in the center of the page but all the images then run over the entire page. It seems like something is missing that stops it showing just one image at a time if used in a table.
I just don't understand coding

Many thanks

Actually it is pretty easy to center it.
In your template file (index.php in the template folder) look at Line 192. It looks like this:

Code: Select all

<div class="slider-wrapper theme-default" style="width:750px;height:100px;">

I suggest change it to look like this:

Code: Select all

<div class="slider-wrapper theme-default" style="width:750px;height:100px;margin: auto !important">

after doing this change, SAVE the file and then refresh the page if it is already open in the browser and you see the changes. It looks like the picture attached in FF and Chrome:

[Silversurfer]

Thank You xfsgpr but I couldn't find that particular code anywhere within my template file index.php

[xfsgpr]

Sorry it should be in the index.php file of that slider. I assume you have used the standard index.php as your home page on this site:

http://www.winmastermind.com.au/

Did you assign some other page as your home page. Do you know on which page or pages does this slider appear? Now we can't tell you which file this code is but in most cases the code is in index.php but as you may know joomla has 1000s of such files all over the place.

Can you not find which page is loading first?

Perhaps look for the index.php file in the slider folder.

Sorry can't help you find the file but the code I gave DOEs work as you can see from the picture.

Can somebody else here tell you which file is loading this slider? Let's hope some smart guy can tell us all.

[Silversurfer]

Thank You xfsgpr
I have found a element.style in the html using Firebug containing all the information connected to this slider, now all I simply need to do is find where it has originated from and I will be able to make the adjustment.

Thank you to you and the other guys on this forum who have tried to help me out with this problem, I sincerely appreciate the support and good work done there to get people like me out of trouble :-)
Kindest Regards

[waarnemer]

You did not make the change to the css file. The error is still there.

[Silversurfer]

Hi again waarnemar.....It worked :-)
I guess I have been looking for so long that I completely missed your response re this error, sometimes we don't see the trees for the forest.

Thank you so very much it has been three hard long days but finally it is fixed.
Please consider this topic no closed with a big sigh of relief.

Very much appreciated