Diabolique

Diabolique supports this item

Supported

Popular questions for this item

How to change images for NivoSlider?

It’s a static part of page and you have to replace following images:

<div id="slider">

    <a href="http://www.diaboliquedesign.com/demo/6/sony-vaio"><img src="http://www.diaboliquedesign.com/demo/6/slide1.png" width="1000px" height="500px" alt="Slide" /></a>
    <a href="http://www.diaboliquedesign.com/demo/6/sony-vaio"><img src="http://www.diaboliquedesign.com/demo/6/slide2.png" width="1000px" height="500px" alt="Slide" /></a>
    <a href="http://www.diaboliquedesign.com/demo/6/sony-vaio"><img src="http://www.diaboliquedesign.com/demo/6/slide3.png" width="1000px" height="500px" alt="Slide" /></a>

</div><!--slider ends-->
Inside:
catalog/view/theme/zetashop/template/common/home.tpl

How to change logos inside jquery rotator?

It’s a static part of page and you have to replace following images:

  • Brand
  • Brand
  • Brand
  • Brand
  • Brand
  • Brand
  • Brand
  • Brand

Inside:

catalog/view/theme/zetashop/template/common/home.tpl

How to change font size for top menu with categories?

Open stylesheet.css file and modify following selector:
#categories ul, #categories ul ul { font:24px Tahoma, Arial; }
When you make font size smaller you should also increase margin (1st parameter):
#categories { margin:20px 14px 0 0; }
Additionally you can change distance between each category:
#categories ul a:link, #categories ul a:active, #categories ul a:visited { padding:0 0 0 25px; }

How to change height of NivoSlider?

Open following file:

catalog/view/theme/zetashop/css/stylesheet.css
Change height of header and slider:
#common-home #header-bg { height:740px; }
#slider { height:500px; }

...and also chenge position of the black strip (welcome message background):

#strip2 { top:280px; }

How to decrease height of header below menu for inner pages?

Open following file:

catalog/view/theme/zetashop/css/stylesheet.css
Inside following selectors set following values:
#header-bg { height:212px; }
#strip2 { height:24px; top:200px; }
.page-name { font-size:40px; margin:9px 0 24px 0; }

Carousel looks weird in Google Chrome. How to fix it?

You should set the same width for each carousel element. Open following file:
catalog/view/theme/zetashop/css/carousel-skin.css

and add fixed width for .jcarousel-skin-tango .jcarousel-item selector

An example:
.jcarousel-skin-tango .jcarousel-item { ...width: 100px; ... }

When I put the price above one thousand, the price on the product gets a bug

You can decrease font size:

.product-info .price-amount {  font-size: 36px; ... }

or remove black label:

.product-info .price {  background-image:url("../image/bg-price2.png"); ... color:#f9f9f9; ... font-size: 16px; }

Show more

Contact the author

This author will respond to buyers' questions and provides limited support through their own support system.

Item support includes:

  • Availability of the author to answer questions
  • Answering technical questions about item’s features
  • Assistance with reported bugs and issues
  • Help with included 3rd party assets

However, item support does not include:

  • Customization services
  • Installation services

View the item support policy

by
by
by
by
by
by