How to increase slideshow width

Hi mate,

In your back-end you can go to edit the static block of Black Friday there you would see the defined block for jmslideshow as well asl the banner image beside it.

Hi,

I got it.but it cannot make one block upper and two after that as you can see attached screen shot.

Thanks

Hi,

I got it.but it cannot make one block upper and two after that as you can see attached screen shot.

A little confused by your description above . . . Were you not asking how to not display the block to the right of the slideshow?

Hi tom,

i mean like this.now you can see in slideshow row there is advertisement image displaying.so i need to use that width also for the slideshow.after the slideshow there is blackfriday and another ad image which is i need to keep as same.so its normally like in slideshow its is only one block.and its bottom there is two blocks.see this

http://awesomescreenshot.com/0e821vqjdd

the read area is need to display as one block.i remove image from codings but bottom image comes up.so that why i need how to get it.

Thanks

Hi mate,

you can try to replace the block’s content by this content

HTML Code:

 <div class="col-1">
<div class="block vertical-mega-menu">
<div class="block-title"><strong>Categories</strong></div>
{{block type="jmmegamenu/jmmegamenu" name="catalog.topnav12" output="toHtml" }}</div>
</div>
<div class="col-2">
<div>{{block type="joomlart_jmslideshow/list" name="home.jmslideshow.list" }}</div>
<div style="width: 63%; float: left;">{{block type="joomlart_jmproductsslider/list" title="Black Friday" name="home.jmproductsslider.list" mode="latest" catsid="7" itemwidth="92" itemheight="130" width="90" height="90"}}</div>
<img src="{{media url="wysiwyg/callout/callout_2.jpg"}}" alt="Megamall" width="289px" /></div>

and then open the file of skin/frontend/default/jm_megamall/css/styles.css there at around line number 7691 you would see this

HTML Code:

  #jm-tops2 .col3-set .col-2 {
  margin: 0 20px;
  width: 500px;
}

you can change it to

HTML Code:

  #jm-tops2 .col3-set .col-2 {
  margin: 0 20px;
  width: 800px;
}

I hope this helps !

WE2 . . . Did this solution work as you were wanting?

Can you post an updated image of how it looks with your modification?

Hi mate,

It worked like a charm.thanks a bunch.

@ Tom

please see
http://awesomescreenshot.com/07422jb682

there is small two issues still there.i have marked it

Thanks

@ Tom

please see
http://awesomescreenshot.com/07422jb682

there is small two issues still there.i have marked it

Thanks

I think you can do some adjusments yourself, can you post here your site’s url here for taking a look ?