Discussion on Kabuki - Luxury Portfolio/Agency WordPress Theme

46 comments found

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years

Hello,

I am considering buying this theme, but have a little question.

I have been working on my website in a different theme, bought here on themeforest.net, but I have had a lot of difficulties – which is part bugs and challenges in different browsers.

I will start by hearing about the background photo. I have the photo in high resolution and I would like to know if it regardless of screen size will be sharp? So the theme does not affect the definition?

Do the users of your theme experience a lot of challenges like this? Do videos really play seemlessly in all browsers?

Regards Julie

satoridesign

Dear Julie,

I’ve read your later post from the “supermom” username – first of all, thank you for the purchase!

I will still answer your comments briefly, for the sake of transparency and clarity :)

- the background in Kabuki is regulated by specialized scripts which maintain the same image resolution on all devices. The scripts will stretch the images in only one case – if the viewing device is screen resolution is larger than the image size – that may happen if you use small images for the backgrounds; to avoid this, the recommended background image dimensions are 2000×1200 pixels or higher. You can also choose whether the image will be fitted into current browser by width or height in the background slider settings.

- there haven’t been any reports of cross-browser incompatibility or problems with embedded videos, yet if such or similar problems arise (and they inevitably do sometimes, since themes are quite complex pieces of software which need to adapt to so many conditions), I resolve them as quickly as possible via my support forums.

Sincerely, Andrew | Satori Studio

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years

Hi again – one more question: The content pages are right now dark, almost black transparent – can we change the color to a light grey transparent instead? Is that possible?

In other words: do you have both a dark and a light version? Kind regrads Julie

satoridesign

Dear Julie,

you can pick any color and any transparency level (from completely transparent to completely opaque) for the content boxes in Kabuki, without having to touch any code – i.e. from the back-end Theme Options panel ;)

Sincerely, Andrew | Satori Studio

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years

Hi again again Regarding photos we want to display:

On a separate work right now you show single photos. Is it possible to also to have several pictures in a sort of gallery/portfolio, showing one picture at first, and when you klick on it, the rest of the pictues of that event for instance shows up?

Hard to explain – but: Let’s say on a page you show 4 pictures. 2 of them are just single photos – the other 2 are really galleries/portfolios that appear when you click on the picture? Kind regards Julie

satoridesign

Dear Julie,

I think I understood what you mean, but I’m pretty sure that native WordPress functionality does not allow to create such “folded galleries”, neither do I know any plugins that do that. However, with the help of Kabuki’s built-in shortcodes you can achieve similar, if not exactly the same, effect: the JCAROUSEL shortcode creates a sliding gallery, and you can e.g. indicate that the gallery show only one image at a time in the viewport. On the page it will look like a mini-slider, and when clicked, it will display images in a lightbox overlay with possibility to navigate back and forth between them. I hope I was articulate enough :)

Sincerely, Andrew | Satori

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
supermom Purchased

Hello Earliar today we asked you some questions in the Forum from the profile “Vintersborg”. In the meantime we decided to buy your theme and we have started working on it, and t seems great. Some of the questions we asked we have found the answer to ourselves. The remaining questions we will ask through support forum. Kins regards supermom

satoridesign

Hey Julie,

I’ve replied to your ThemeForest comments just in case. Going to sleep now, will reply to all your forum threads first thing in the morning :)

Sincerely, Andrew | Satori Studio

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
jkblack Purchased

installed via wordpress installer, loading in “Kabuki_installable.zip”. the theme was installed successfully, however when i try to activate it i get the following error:

Fatal error: Cannot redeclare grunion_media_button() (previously declared in /data/18/2/157/152/2809315/user/3090923/htdocs/upland/wp-content/plugins/jetpack/modules/contact-form/admin.php:25) in /data/18/2/157/152/2809315/user/3090923/htdocs/upland/wp-content/themes/Kabuki/includes/contact-form/grunion-contact-form.php on line 678

its actually hosed my copy of wordpress. i will have to delete and reinstall.

please help.

satoridesign

Dear Jkblack,

first of all, thank you for the purchase and my apologies for the bug!

You do not need to reinstall the entire thing just yet – please do the following: download this file from my repository, unzip it, and upload the contained php file into the following folder, using your ftp client: /wp-content/themes/Kabuki/includes/contact-form/ replacing the existing file.

Let me know if it works now.

Sincerely, Andrew | Satori Studio

  • Bought between 50 and 99 items
  • Has been a member for 4-5 years

I’ve purchased this theme and cannot get a backgroud to show on the blog using the NextGen gallery or any other means. I’ve been able to successfullly do this on all other pages of the site. Test site is at www.barktest.com/oneill.

Need help quickly as this is supposed to go live this week.

Thanks!

satoridesign

Hey Barkcreative!

First of all, thank you for the purchase!

Could you please visit the “Display” tab of the “Appearance -> Background Slider” admin menu and check the “Homepage (of your blog)” option – and refresh the page in question. You can also try checking the “Everywhere” option if this suits your needs.

If the above does not work, please send me your admin login and password to support@satoristudio.net (no disclosure guaranteed) and I will do my best to fix your problem in the shortest possible time!

Best, Andrew | Satori Studio

Default-user

Andrew – this is all set – thank you! One last question: where to I set the email address for the contact form or does it automatically go to the admin?

satoridesign

Dear Nikki,

glad you’ve worked things out with the background!

To set the receiving email of a contact form, please go to the “Email notifications” tab of the contact form builder (the leftmost icon just above the content field in the page editor mode).

If you’ve already inserted the form, you can also manually add the address to the first brackets of the shortcode like this: [contact-form to:”email@email.com” subject=”Contact request”] The “subject=” declaration contains the template for the email titles.

Sincerely, Andrew | Satori Studio

Default-user

I’m using your sample contact form so I’m assuming I just add the shortcode so it looks like the following?

contact-form contact-field label=”Name” type=”name” required=”true” / contact-field label=”Subject” type=”subject” required=”true” / contact-field label=”Check this if you are human” type=”checkbox” required=”true” /

Default-user

that didn’t come out correctly. so would I just add [contact-form to:”nikki@barkcreative.com”] after [contact-form] and before the field label in your sample form?

satoridesign

Dear Nikki,

I think the most efficient way to achieve the desired result is to remove the current shortcode and create the contact form anew using the contact form generator (the rightmost icon just above the text area editor). Note the “Email notifications” tab in the generator pop-up – there you can set up the recipient email address.

Sincerely, Andrew | Satori Studio

  • Bought between 10 and 49 items
  • Brazil
  • Has been a member for 4-5 years

I’m considering getting the theme but I have a question. Can it start with the menu already open? Thanks in advance.

satoridesign

Hey Xicopires!

Thank you for expressing interest in my work!

There are several settings for menu appearance in Kabuki’s theme options panel; one of them lets you keep the menu open at all times. You can also force all menu items to be of equal width instead of fitting the text (you can see this effect if you make your browser window smaller). Those two settings can be combined in any of the four possible ways.

Should you have more questions, do not hesitate to ask!

Best, Andrew | Satori Studio

xicopires

I did a layout to my client. I’d like to know if this layout will show the image OK in iPad/iphone http://plugpixel.com/roberta-marquez/

satoridesign

It should be fine if you add a bottom margin of at least 130px to the #main-body element – otherwise the logo will overlap the main content box on pages (e.g. here). A great way to experiment with layouts without editing the actual code is to open the website in Chrome and use the developer panel (right-click on the element and “Inspect Element”), where you can change the parts of CSS and HTML and see what happens with the website right away.

Sincerely, Andrew | Satori Studio

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hi,

I am working for a client on this web. The problem is if i do ctrl+scroll to zoom out…the footer move from the botton and i can see the footer and after the background of the container..it looks ugly..i was taking a look to your demo and it does not have this problem. Could you help me? Here the link test now: http://s5394.p3.sites.pressdns.com/?page_id=44 Thanks

satoridesign

Hey Alocin,

before we proceed, please send me your item purchase code for confirmation purposes.

You’ll need to log into your ThemeForest account and go to your “Downloads” page. Locate the theme you purchased in your “Downloads” list and click on the “License Certificate” link next to the download link. After you have downloaded the certificate you can open it in a text editor such as Notepad and copy the Item Purchase Code.

Thanks in advance!

Sincerely, Andrew | Satori Studio

satoridesign

I forgot to add that you can send the item purchase code to support@satoristudio.net

Best, Andrew | Satori Studio

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
bilguitei Purchased

God. I am having problem with slider in the background. It’s so weird. I went to option appearance->background slider. I checked all of them.I am displaying font page and can see slider working from images of media library. but dunno how to make my own images to work there.Is there any video tutorial do you have? I am so confused now. Thanks. Please reply me as soon as possible. It’s so urgent thing for me.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
bilguitei Purchased

Hi Satiordesign team. I don’t have a problem with background slider anymore, but now I have 2 big problems. I hope you can help me , otherwise I promised my boss to solve them.

First: Our company logo was too big for this theme.So I changed logo frame into 200×125 in css. After that , content area started overlapping logo. So I moved navigation area generally left:-128 into left:-208 in css. Problem that raised from this is that, website is not centered anymore. Resposnsive design on Ipad doesn’t work properly. I think if you can help me to center this, everything should function properly.

Second: I am trying to join support forum, but cannot find Item Purchase Code. I followed instruction there , but i think themeforest changed their interface little bit. Picture shown in your registration instruction is not same as themeforest interface anymore.

Please help me. :impatient:

Regards

Bill

satoridesign

Hey Bill!

first of all, thank you for the purchase, and my apologies for a slow response!

Let me address the issues you’ve raised in the same order:

1). The logo/content positioning: please provide the URL of the web page in question, I need to look at the code to ensure an efficient solution. Also, let me clarify: you’ve moved the logo and menu further to the left via css, and now you want the content to move as well? If not, what is your desired layout?

2). Thank you so much for bringing this up! Indeed, Envato have changed the interface of the Downloads tab. Please find the item you’ve purchased, press the brown “Download” button, and in the little pop-up submenu, choose “License Certificate”. This will download a text file to your machine containing the license information, and one of the lines will read “Item Purchase Code:” – this is what we’re after :) I’ve created a screenshot for you just in case, and also updated the registration page on my forum.

Looking forward to hearing from you!

Sincerely, Andrew / Satori Studio

Default-user
bilguitei Purchased

Hi Anthrew!

Thanks for reply. Yesterday I wanted to reply, but my website wasn’t live online. Now my website is online. So you can see what I changed and how bad it looks on Ipad. I cannot interact with this on Ipad at all. In desktop, it’s not centered anymore also. Please help me to solve this problem. Then you can save my life really well. I am begging you.

Link of my website : www.bill-design.com

Here is the list of the codes that i changed:

style.css #logo-wrap #logo a {width: 264px height: 165px}

lessframework.css #logo-wrap {left: -270px}

style.css #nav-primary {margin-top:45px left:-270px}

style.css mobilemenu.dropdown-menu {margin-top:60px;}

lessframework.css mobilemenu.dropdown-menu {margin-top:60px}

Reason I started modifying code is that my boss wanted logo to look bigger. So I started changing the logo frame size and then content part was overlapping logo. So i moved logo and navigation to left side. Then Ipad doesn’t response properly on this. I cannot even see my menus at Ipad. In Ipad, logo is cut from the bottom also and cannot see half of it. I changed css in mobile menu, because after i modified coding , menus in mobile version was stuck with logo, then i made margin-top to make a space.

I hope u can find me best solution and can solve this problem.

Regards

Bill

satoridesign

Hey Bill,

as far as I can see from the code there is a problem with loading the jQuery library – have you modified any related code? So far the primary error I can identify is that the main menu is not being displayed, which is connected to the above mentioned issue. To troubleshoot this, I will need to ask you for the WordPress admin login/password as well as the ftp login/password – you can send those to support@satoristudio.net, as well as the entire list of changes you’ve made to javascript files, if any. Thanks!

Sincerely, Andrew / Satori Studio

Default-user
bilguitei Purchased

Dear Anthrew

I don’t know that much about jquery. So i didn’t modify anything at javasript and jquery. I only know html/css.

I will send the details now.

Regards

Bill

Default-user
bilguitei Purchased

Hi Anthrew

I just sent email recently, please let me know if you got my email or not.

Email address: bilguitei@gmail.com

Thanks

satoridesign

Hey Bill,

I’ve addressed the request and sent you a reply by email ;)

Sincerely, Andrew / Satori Studio

Default-user
bilguitei Purchased

Hi Anthrew

Please let me know if you got my email.I replied you back. I sent it yesterday.

Regards

Bill

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

would it be possible to place a header + text in the middle of the home page (start page) over the full-size background slideshow? does this template work with ie 10?

thanks

satoridesign

Hey Arci100, thank you for expressing interest in my work!

To answer your questions: 1). Centering the logo is not envisaged in the theme’s back-end, but it can be done via css if need be, e.g. by adding a relative positioning to the logo element: #logo { position: relative; left: 445px; } or achieving the same effect with a left margin. 2). Kabuki works with IE10, IE9, and IE8.

Should you have more questions, do not hesitate to ask!

Best, Andrew / Satori Studio

Default-user

thanks for your reply, my question was, if it is possible to place a title and text with transparent background in the middle of the start page. i would like to have the full-size background image and in front of it a heading and text. something like this: http://demo.teothemes.com/?theme=teo-wp

satoridesign

Background slider captions are situated in the bottom right corner of the screen in Kabuki (see the demo). The theme’s back-end does not envisage centered captions, but you can achieve the desired effect with CSS – either by adding a new element with relative positioning and centering it on the page – or by altering the CSS for the existing captions to center them (#controls-wrapper { bottom: 50% !important; right: 50% !important; }).

Best, Andrew / Satori Studio

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
pwpadmin Purchased

Hi,

I bought this themes, install and everything works good…but… when i take alook from a mobile device..the menu is orrible..appear menu taht is complete dofferent form the menu in a pc…i tryed to see your demo on my mibile and it does not look like this? Why ? have i to change something?? here the link: http://www.hairytalers.com

thanks nicola

satoridesign

Hey Nicola,

on the website you’ve linked to, the primary menu converts into a drop-down menu on small screens, as intended – see this screenshot. A drop-down menu is easier to use with touch-screens and is a widely used solution to website optimization for mobile devices, a large fraction of ThemeForest items use drop-down menus for smaller screens. Given the above, could you please clarify what you mean by “horrible” (possibly I’ve missed something) or provide a screenshot from your machine?

Thanks!

Best, Andrew / Satori Studio

Default-user
pwpadmin Purchased

hi, thanks to answer. If i take a look to your demo from my mobilephone everithing is nice ( the menu is the normal one like in a pc) if i take alook from my mobile to my web page the menu is not normal menu like in your but is the dropdown menu that you said… so this is the difference and the problem, i understand that the menu change depend of the screen…but my client does not like it…

thanks nicola

satoridesign

Hey Nicola,

it is strange that the mobile menu is not showing on your mobile device, could you tell me which device you are using? This is how it looks like on my Sony Android-based smartphone.

If you want to customize the theme to display a full menu on small screens, you will need to change the CSS rules in the “lessframework.css” file (lines 849, 889, 1320, 1356).

Sincerely, Andrew / Satori Studio

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
bilguitei Purchased

Hi Andrew

I have 1 question. What’s the right proper size for background?

Regards

Bill

satoridesign

Hey Bill,

Ideally, I would recommend background image size of 2600×1500 pixels, since a sizeable fraction of Internet users have 2560×1440 px monitors these days. JPG or flattened PNG are the best formats in terms of file size and hence load speed, especially if you optimize and compress it slightly. In general, I would say that a single background image should not be much larger than 500 kB in size.

Sincerely, Andrew / Satori Studio

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hello,

Im considering buying your theme but I have one question.

Is it possible to change the size of the main nav? Its a bit large for my tastes and im looking for something a bit more understated.

thanks, -Andrew

satoridesign

Hey Andrew,

thank you for expressing interest in my work!

To answer your question, there is indeed a separate setting in the Theme Options panel that lets you choose the font size for the main menu, in the range from 8px to 42px.

Should you have more questions, do not hesitate to contact me!

Best, Andrew / Satori Studio

  • Bought between 100 and 499 items
  • Finland
  • Has been a member for 3-4 years

What version does this work on? I’ve tried 3.5 and 3.6?

satoridesign

Hey Clientagency!

first of all, thank you for the purchase!

The theme demo currently runs on WordPress 3.6. Could you please clarify – does the theme appear broken on WP 3.5-3.6 for you or is it a specific feature that does not function? Thanks!

Best, Andrew / Satori Studio

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
  • United States

Andrew,

Considering the Kabuki or the Tokyo themes for a client. Both themes are beautiful. I am wondering if the theme can play a video in the background instead of a static image? Does either theme support embedded video, either on the site itself or via YouTube or Vimeo? Finally, do these themes play well with the HTML5 jQuery Audio Player Pro? Have some studio work that needs to go on the site.

Thanks.

satoridesign

Hey 10908digital,

thank you for expressing interest in my work!

I will answer your questions in the same order:

1). The themes you mention offer image or image slideshow full-screen backgrounds only; you can use third-party plugins (e.g. this one in order to implement full-screen video backgrounds.

2). Both themes have built-in shortcodes which allow inserting pre-styled elements such as tabs, quotations, lists, etc; there are also shortcodes for video embedding, both from Vimeo and Youtube. You can look at the embedded videos in action on the live demos (here and .

3). Both themes should have no problems with the jQuery Audio Player; I do not pre-test for paid plugins, yet I do offer support and fixes in case a particular (free or paid) third-party plugin does not work well with my themes.

Should you need more details or have other questions, do not hesitate to contact me!

Sincerely, Andrew / Satori Studio

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
flaow Purchased

hello,great theme

How to combine “Stretched image” as background over the site and “slider” display on the home page ? With Repeated texture I can have slider display on the home but not with “stretched image”. Sincerely, Antoine

satoridesign

Hey Antoine,

first of all, thank you for the purchase and for the kind words!

You’re right, there’s a z-index issue with the slider vs the static background. Please go to the “Appearance -> Editor” admin menu and add this line of code to the “style.css” file (should be opened by default):

#page-background { z-index: -2000 !important; }

And save the changes by pressing “Update File”. Let me know if this works!

Sincerely,
Andrew / Satori Studio

Default-user
flaow Purchased

It’s working perfectly :-) thanks

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hello Andrew – unfortunately, I’m attempting to install the zip file via this route: http://prntscr.com/1wwrch

...but I’m getting this error, please help:

413 Request Entity Too Large

hefishkUtZiafopyoshGeOnnIbDoufye

satoridesign

Hey Miguele,

first of all, thank you for the purchase!

It’s possible that your hosting provider has a low file upload limit – could you please contact them and find out what is the maximum file size allowed for upload? Alternatively, you can use an ftp client (e.g. Filezilla) to upload the theme via ftp, as recommended in the theme manual.

Sincerely, Andrew / Satori Studio

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
flaow Purchased

hello again

.page-id-59 #portfolio-list .tagname-dior

I would like for a targeted page (59) to have only a targeted items with the tag (dior)

could you correct the sentence please

sincerely, Antoine

satoridesign

Hey Antoine,

let me clarify – you want to create a page which would display only portfolio items belonging to a specific tag? If that is the case – it cannot be done via CSS because of the specifics of the jQuery mechanism which controls the rendering of the masonry layout. Tag archive pages are generated automatically for each portfolio tag, though – in case your permalink structure is set to “post name” in “Settings -> Permalinks” admin menu, the tag pages have a URL ending with “tag-portfolio/tagname”, e.g. this page from the theme demo. Please let me know if I understood the question correctly.

Sincerely, Andrew / Satori Studio

Default-user
flaow Purchased

any way, my customer has changed his mind

Sincerely, Antoine

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
flaow Purchased

hello, here is the site http://mmbpro.com

I have to implement an other tracking code than analytics, how should I do ?

on the Ipad, at the vertical position the menu items doesn’t stretch …

Sincerely Antoine

Default-user
flaow Purchased

I Added the the tracking code just before the in the footer, is that ok ?

satoridesign

Hey Antoine,

tracking codes are normally added into the header of the page, yet it is always advisable to follow the instructions provided by the author of the code.

Regarding the menu item width – on smaller screens the menu is made static and fixed in width on purpose – to increase usability on touch-based devices.

Sincerely,
Andrew / Satori Studio

Default-user
flaow Purchased

Andrew, thank you for your quick answer,

An other question, as you can see on the site, the images titles are under the butons. How can I have to be align with the butons like on the model site ?

Sincerely, Antoine

satoridesign

Hey Antoine,

there’s a small bug in the code; I will correct it for the future releases – the fastest way to do that in your case would be to add this line at the bottom of the “style.css” file (opens by default when in the “Appearance -> Editor” admin menu):
#sup-nav-buttom { float: left !important; }
and hit “Update File” to save the changes.

Please let me know if it works!

Sincerely, Andrew / Satori Studio

Default-user
flaow Purchased

yes! much better

an other question, for the Website background: image, I selected Stretched image but of course it is not responsive. What should I select to a responsive image in the background ?

Antoine

satoridesign

Hey Antoine,

it is better to use a background image set via the “Appearance -> Background Slider” admin menu, rather than the Theme Options panel – the former will also be responsive (if by responsive you mean fitting the screen in the most efficient manner when on smaller screens).

Sincerely, Andrew / Satori Studio

by
by
by
by
by
by