Hi,
How can change the width of the slideshow by hiding that image on right.see the screenshot
http://awesomescreenshot.com/0e821vqjdd
its like creating two columns into one.but not the all.only for the slideshow area.black Friday and other image i like to view as same.
Thanks
9 answers
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/07422jb682there 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 ?