Jump to content

Adjust size of Image slider


Opting

Recommended Posts

Hi,

I removed all my right column modules.

Can anyone tell me how to increase the image slider to fill the rest of the right column,

so that it spreads through to cover the right side.

 

Now I have it like this: --------------------------------

 

But I need it to be:     ----------------------------------------------------

Link to comment
Share on other sites

Assuming you are using default theme slider go to:

 

Back office 》Modules 》 Modules 》Home image slider 》Configure

 

Hope this helps

 

 

 

I have tried that, but it increases the width only within the allocated center spread.

I am using version 1.5.4.1

Edited by Opting (see edit history)
Link to comment
Share on other sites

 

I am using 1.5.4.1 also but with no left or right columns so, basically, only the centre column is active

 

As you can see from this link http://gadgetskunk.co.uk/en/ it works for me ( I have made the width of the slider 380px )

 

 

 

 

That's great, but how did you disable the right and left columns.

Please show me how to do that. Although I want to keep the left column.

Thanks

Link to comment
Share on other sites

  • 3 months later...

Hello Opting,
 
I use version 1.5.6.1 so perhaps things are a little bit different, and looking at the date you maybe already have solved it, but here is what I did:
 
I too use the default image slider.
The reason I believe your slider only increases in width on the allocated center spread is because there is still space reserved for your right column, even when you disabled all of your right_column modules.

Disabling your right column will remove this space.
 
You say you want to keep your left column and hide your right.

 

Go to footer.tpl and find this piece of code (line 30):

 
<div id="right_column" class="column grid_2 omega">
{$HOOK_RIGHT_COLUMN}
</div>
 
and replace it with this:
{*<div id="right_column" class="column grid_2 omega">
{$HOOK_RIGHT_COLUMN}
</div>*}
 
placing a piece of code between Smarty comment lines {* ... *} disables that piece of code.
 
now go to header.tpl and find this piece of code (line 94):
 
<div id="center_column" class="grid_5">
 
and replace it with this:
 
<div id="center_column" class="grid_7 omega">
 
The center column will now fill out the space up to the right border on all of your pages.
 
Upload it to your server.
 
I've adjusted the width of my image slider to 980px, so it covers the whole page. Can't show it to you yet, since it is still a work in progress.
 
It works fine for me. Good luck and hope it works!
 
mrs W
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...