How can i insert 6 banners in a row at Top1 Position

my website : http://demo2.ultimateit.co.th/

You would need to add some custom suffix to those modules, and use custom css (override.css) to float them side by side.
Please post those modules and write back, Ill prepare an override.css declarations for you.

Modules = Top I Banner / Top I Banner (2) / Top I Banner (3) / Top I Banner (4) / Top I Banner (5) / Top I Banner (6)

First of all - please remove module suffix clear from all those modules.

Done

Please edit: /templates/gk_shop_and_buy/css/override.css and add at its end:

Code: Select all

#gkTop1 div.box {
    width: 15.16%;
}


but this code will work on all elements with .box suffix. If you will add your own suffix, for example mycolumns, you can use:

Code: Select all

#gkTop1 div.mycolumns {
    width: 15.16%;
}


instead.

Remember to enable "CSS override" in template settings - advanced section.

This code work nice but it resize image too. How can i set image to fit that box?

Replace previous override.css code with this:

Code: Select all

#gkTop1 div.box.mycolumns {
width: 15.16%;
}