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.

Additional information from Diabolique:

Please read the documentation of theme and FAQ first. Most clients don’t ask for support so it means documentation and FAQ is completed.

Support for my items includes:
  • Responding to questions or problems regarding the theme
  • Fixing bugs of theme and reported issues
  • Providing updates to ensure compatibility with new software versions
Item support does not include:
  • Customization and installation services (usually I help with frequently asked tiny customisations)
  • Support for third party plug-ins, WordPress problems
  • Support via e-mail

Maximum response time is 16 hours except on Sunday.

Support for OpenCart and Shopify themes is provided in the comments section on ThemeForest because other clients with the same problem can find solution.

by
by
by
by
by
by