Discussion on Kalium 3 | Creative Theme for Professionals

Discussion on Kalium 3 | Creative Theme for Professionals

Cart 47,268 sales
Recently Updated
Well Documented

Laborator supports this item

Supported

This author's response time can be up to 1 business day.

8329 comments found.

Dear Kalium – I am enjoying your theme as I continue to mockup a site about my photography. I have two questions:

1. My blog posts contain text and images. The inline images appear slightly darker and more grey than they should as though there is a transparent overlay the size of the image (not a good thing from the perspective of this photographer.) If I click on an image to reveal its larger version (in the lightbox-like effect) then the darkness and reigns goes away. The inline darkening is slight but unwanted, Can I get rid of it?

See http://kapcris.com/work/2015/07/06/headlands-week-2/ for an example. Compare the inline image to the same image after you click on it.

2. On a portfolio page clicking on an inline image opens a larger version of the image in a lightbox-like effect. The original page remains below but is greyed out by a dark transparent overlay. Is there a way to make this overlay even darker?

See http://kapcris.com/work/portfolio/middle-period-photographs/ for an example.

Thank you for your theme, and your help.

Hi heliodon,

I investigated this and found that the plugin creates 2 images one for the thumbnail thumb link, and one original image . The plugin when takes a thumbnail it creates a darker version of that image, and i’m afraid that we can’t do anything about that, if this is very important for you here is the link of plugin where you can contact the author direct http://terrymun.github.io/Fluidbox

Kind Regards,
—Ylli

Hi Ylli,

Thank you, as always, for responding to my issue. I have tracked the problem down to how the Wordpress Media Library importer creates its various daughter files (sixteen in all ranging from 150×150 to full size) from the original imported. image. The issue is reproducible on a Wordpress site that has neither Kalium or the Fluidbox plugin.

The solution is straightforward: use the Save for Web function in Photoshop to assure the color palette is web compatible. Unfortunately, Adobe removed Save for Web from its recent Photoshop CC versions and I lazily skipped using it. It is now found again in Export > Save for Web (legacy) and using this solves the issue, which was an important one for me.

Best,

Cris

Hi Cris,

Wow, brilliant :)

I was thinking of this solution when i wrote your answer but i thought that it will be too complicated to tell the customer to do this.

I’m very glad that you found this solution, if anyone else will have this problem, i will give them your solution for sure :)

Kind Regards,
—Ylli

Hi

After updating to 1.3.1 my theme background colour does not apply.

Hi marckeeling,

This is very strange, can you please send us your WP credentials on email and we will check what the problem is.

To send us email use this link and please write us your request again, because we receive a lot of emails on daily basis and we unfortunately can’t remember all customers requests.

P.S: Please note that we usually do not respond to emails that request support, because here is our primary support forum. We use contact form just for sending sensitive information.

Kind Regards,
—Ylli

I sent the mail. Thanks

We will look into this issue as soon as we can.

Kind Regards,
Art

I have installed layersliderwp but I have this alert showing in plugins:

You need to authorize this site in order to get upgrades or support for this plugin. Purchase a license or enter an existing purchase code.

Is there a code to receive updates?

Thanks, Christy

Hi Christy,

Layer Slider don’t allow us to give customers our license number, so on each premium plugin such as Visual Composer, Revolution Slider and Layer Slider update we release a new update to our theme with the latest version of Layer Slider included, and customers don’t need to worry about that,

You never need to buy any premium plugins that comes with our theme

Update 1.4 of Kalium will be released next week with the latest version of all plugins.

Kind Regards,
—Ylli

Hello i would like to know how i can add classes to the list items in the Portfolio Categories so i can control the CSS li class=”r” please check the image for more details http://www.rgbe.net/wp-content/uploads/2015/07/li-class-.png

The best way would be to do it with the nth-child selector

Example:
.product-filter li:nth-child(1) {

}

Kind Regards,
Art

Thank you this did the work but not for the link color because first it taking it from the theme colors and from LESS it’s taking it from 4 places before : .product-filter li:nth-child(1) {} kindly see the link : http://www.rgbe.net/wp-content/uploads/2015/07/Screen-Shot-2015-07-09-at-5.35.47-PM.png

Hi there,

You need to re-write it and after the nth-child(2) add the a selector like this:

.product-filter ul li:nth-child(2) a {
  color: #ff0000 !important;
}

Take a look at the !important rule also, you have typed it wrong.

Kind Regards,
Art

I can`t install Main Demo. I get an error.

However few errors appeared during the import process: ErrType: xml-wp-content animations imported! dynamic styles imported!

Hi there,

Have you checked if the PHP limits are the same or higher as the required ones by the theme:

http://documentation.laborator.co/kb/general/recommended-php-configuration-limits/

Kind Regards,
Art

I’m REPEATING my two questions as you seemed to ignore them on your last pass through the Q&A…

Hi

1. Have you managed to update the Social Media options to allow them to open in a new tab in the browser rather than the main site window?

2. Also I would like to know where the files for this demonstration portfolio are in the theme? I have bought the theme and would like to use this Portfolio example but cannot see it in the files I have unzipped??

http://demo.kaliumtheme.com/main/portfolio/adestra/

Many Thanks Steve

Hi Steve

Sorry if we have missed any of your support tickets. We do not make selection on who to reply, it is our dashboard that displays the comments queue and we reply one by one.

1. For this here is a quickfix: Download this file: http://drops.laborator.co/1bmQV and replace it in wp-content/themes/kalium/inc/ , so it will make all links target to new window

2. If you want to use this portfolio type you must set these settings in portfolio item edit page: http://drops.laborator.co/16MhI

If you want to get all the item types as shown in demonstration page you should import demo content data, if you don’t know how to do that here is a video tutorial:

https://www.youtube.com/watch?v=YrTqK5Cc-ks

I hope this will help you.


Arlind

Hello

Thanks for the reply BUT…

For item 1 you have given me a link to a screenshot NOT to a file I can download and install…

I will look into item 2 and thanks for the pointer :-)

Steve

Hi Steve

Sorry as I have misplaced the link, so here is the file you need to replace:

http://drops.laborator.co/15YXi

Cheers


Arlind

Hi there.

I have a question regarding reveal effect of portfolio items. With Fade one by one effect, how can I make increase the delay? I want portfolio items fadein one by one with 1second delay.

Cheers, Sahar

Hi Sahar,

This can be achieved only by editing some theme files.

Please edit this file: /wp-content/themes/kalium/tpls/portfolio-item-details.php

on line 98: $delay_wait = 0.15;

set your own value.

Kind Regards,
Art

Hello

I have two questions.

1. I am using the carousel portfolio type for this page http://ashrigby.com/portfolio/personal-photography/ but I dont want the images to scale above 600px high (the height I have exported all of the images at) but I do want to leave them to scaling down from here to keep the site responsive.

2. I noticed when using the carousel portfolio type there is the option to add a custom link URL for an image. Is this possible to do on the side portfolio style as I need to add a link to the image on this page http://ashrigby.com/portfolio/flannerys-website/

Thanks! Ash

Hi Ash,

Can you please add the code below to Custom CSS

.slick-slider .slick-prev, .slick-slider .slick-next {
  color: #333 !Important;
}

Kind Regards,
—Ylli

Sorry Yill but one last request

Could I please have the code for the Photography page http://ashrigby.com/portfolio/personal-photography/ to make it responsive by changing the max height at each break point. I have tried for a couple hours but cant seem to get it.

Thanks! Ash

Hi Asht,

Can you please add the code below to Custom CSS

@media screen and (max-width: 767px) {
     .single-portfolio-holder.portfolio-type-3 .gallery-slider img {
          width: 100% !important;
     }
}

that will do the trick for mobile devices :)

Kind Regards,
—Ylli

Hi Laborator,

I love the theme – great job!!!

I have one question about the responsiveness of it. My logo is 360px wide. When I view the website on my iPhone 5 it runs off the screen and the menu is way off to the side.

My main image on the home page gets scaled down nicely but the logo doesn’t. Is this a bug or is there a way I can fix this please?

Many thanks,

Phil

Hi Phil,

Can you please write us your site URL here on comments first? We need to investigate your site and then get back to you with possible solution :)

Kind Regards,
—Ylli

Hi Phil,

Can you please add the code below to Custom CSS

@media screen and (max-width: 767px) {
    .logo-image {
        width: 200px !Important;
    }
}

That will do the trick :)

Kind Regards,
—Ylli

Hello,

In portfolio settings, one can select “Like & share design layout” – is there such option in blog settings? I haven’t found it and I’d prefer “Rounded links” (not the default).

Also, in share networks section of blog settings Pinterest is present twice, while there is no Print option like in portfolio settings.

Greetings, Ceslav

Hi Ceslav

Many thanks for your suggestion. I have followed your instructions and now come in conclusion that this selector firstly verify if the #target-element already exists in the page, then bind the click event, otherwise do nothing.

Here is the improved code:

// In-page links from the menu
$( 'a[href*=#]' ).each( function( i, el ) {

    var id = el.getAttribute( 'href' ).match( /#(.*)$/ );

    if( id && id.length > 0 ) {
        var $matchingTarget = $( id[0] );

        if( $matchingTarget.length ) {
            $( el ).on( 'click', function( ev ) {

                ev.preventDefault();
                var scrollDuration = 1;

                if( $matchingTarget.offset().top - $( window ).scrollTop() < $( window ).height() ) {
                    scrollDuration = 1.5;
                }

                TweenMax.to( window, scrollDuration, { scrollTo: { y: $matchingTarget.offset().top - 35 }, ease:Power2.easeOut } );
                return false;
            } );
        }
    }
} );

Many thanks for your suggestion.


Arlind

Hi,

Unfortunately, this won’t help in case of VC carousel, because both buttons have their hash anchor set to ID of their carousel element.

I would rather suggest to remove “return false;” from the click handler and instead just prevent default action of event, which is following the link in this case. Ie. have “ev.preventDefault();” somewhere in the handler. See also: http://api.jquery.com/event.preventdefault/

A very good reading on topic: http://fuelyourcoding.com/jquery-events-stop-misusing-return-false/

Greets, Ceslav

Hi Ceslav

Yes you are right, that is the best solution so I have removed return false statement from this event. I hope this will work fine for you.


Arlind

Purchased this before the shop was added and just wanted to come back and say now that its live….I love it, well done!!!

HI WPHelpForBeginners,

Than you very much for your words and your rating, they keep us very motivated, glad to hear that you liked our Shop too :) Delicious things will be added to Kalium on each update, so stay tuned :)

Kind Regards,
—Ylli

Hi Laborator,

I am still having some problems.

-One is the same I had with the menu but now it´s in the footer. The underline color it´s Kalium green instead of the one selected in theme options.

-Second one it´s in the blog. The hover effects only works perfect in the round posts one. In the first one and in the third blog type only works if it´s and standard post or link post.

Please have a look

Thanks

Hi stablografiko,

Can you please write us your site URL here on comments first? We need to investigate your site and then get back to you with possible solution.

P.S: Make sure that you are using our latest update, for the moment v.1.3.1 is the latest version.

Kind Regards,
—Ylli

Hi again Laborator,

I am using version 1.3. But I don´t know if I can update it. I say this because in the beginning the demo content installer was failing and one of your colleagues had to install it for me manually. I gave him my credentials and he did it.

After he installed it I was speaking by email with some of your colleagues fixing some bugs because my theme was not perfectly installed.

When I thought everything was ok we stopped talking. Some days ago I found those and I wrotte you again by email for you to know the history but now anyone is answering me. I know that this email it´s not for support but I think it was and special case.

Anyway, that´s why I am writing you here. please have a look to my email chain to know about it.

You already have credentials to get into my admin panel. My web is under construction. www.stablografiko.com

1-About the first problem, I had the same one with the principal menu and one of your colleagues added some CSS to change it. Now the same problem it´s on the footer.

2-And the second one seems like something it´s not properly installed. Have a look.

3-And one another question: Layer slider it´s not working in the footer for me. Do you know why?

Thanks a lot for your time! Cheers!

Hi stablografiko,

I saw that you have managed to install our latest update now, so i think that you are good to go with the 3 questions :)

1— I think that we have fixed this on 1.3.1 version, but if that hasn’t changed for you then please add the code below to Custom CSS

.wrapper a:after, footer.main-footer a:after {
  background: #c0e0ce !important;

2— I think that this is the Blog question, Masonry blog works like that, you can check our demo too and it is the same link

3— You can use Layer Slider on the left side or the right side of the footer with shortcode.

Kind Regards,
—Ylli

I can’t change Main Menu item, how? Thanks

Hi edmondmak,

I’m afraid that i can’t understand your question, can you please be more specific?

Kind Regards,
—Ylli

I have change the menu item from Apperance->Menu But from Laborator->Theme Option->Header And Menu->Top Menu(Select menu to use for top menu) It seem no affect….

Hi there,

Here is a screenshot from our demo site, it is working fine for us: http://drops.laborator.co/1k5xH

Kind Regards,
Art

Hello! As always, thank you for marvelous support and an even better theme. A quick question – in my blog section, I wish to have comments not show up at all. All solutions I’ve tried haven’t worked, do you have any suggestions? Here is a screenshot of what I want to disappear: http://i.cubeupload.com/oP4KxA.png

Hi onahjung,

Thank you very much for your kind words, they keep us motivated :)

Can you please add the code below to Custom CSS

.leave-reply-holder {
  display: none !important;
}

.single-blog-holder .comments-holder {
  display: none !important;
}

That will do the trick :)

P.S: It would help us a lot if you could rate Kalium on themeforest from your Downloads tab, ( if you don’t know how, just open this link ) :)

Kind Regards,
—Ylli

Hello!

I would like to integrate the blinking eye in the portfolio when I hover over it. I use Masonry ( Kalium Agency). The following code I tried didnt work out: .

portfolio-holder .product-box .photo .on-hover i { background: url(http://demo.kaliumtheme.com/freelancer/wp-content/uploads/2015/04/eye.gif) no-repeat; width: 45px; height: 45px; -webkit-background-size: 45px; -moz-background-size: 45px; background-size: 45px; }

.portfolio-holder .product-box .photo .on-hover i:before { content:””; }

Could you please help me out?

Hi acuerdo15,

Hmm probably you are doing something wrong on Custom CSS, but i think that i can help you there, just send us your WP credentials on email :)

To send us email use this link and please write us your request again, because we receive a lot of emails on daily basis and we unfortunately can’t remember all customers requests.

P.S: Please note that we usually do not respond to emails that request support, because here is our primary support forum. We use contact form just for sending sensitive information.

Kind Regards,
—Ylli

What an amazing looking theme! I did have some problems running the demo webpages on my old original iPad (I know.. I know!!) and on my old original Google phone (that first Samsung one). I’m a bit on the fence here.. usually if these old devices can cope with the demo material it means the code is clean and efficient but if they crash and glitch (dolphin browser on the Google Nexus phone doesn’t like your demo websites at all!) it makes me slightly worried.

For instance, a rival theme, the famous X theme which has demo websites with HUGE amounts of graphics and video content, has no issues loading on neither the original iPad nor the phone.

Are you planning on supporting older devices and older systems in general or is this a compromise you are not willing to make?

Hi bmanic,

On each update we are releasing new things to Kalium, and based on clients feedback we are improving our product on each update :)

Kalium theme is developed with the latest technologies, and some old devices can’t support them.

P.S: When you live preview our demo site, www.kaliumtheme.com from themeforest don’t forget to remove toolbar by pressing X.

Kind Regards,
—Ylli

Any chance on adding pricing tables in version 1.4?

Hi siteplan,

We have added this on our to-do list, and it will be available on the next 2 updates :)

Kind Regards,
—Ylli

Hi Team

Almost there!

I’m not sure if I’m going mad here -I’ve tried looking on the comments board and navigating around WP for the solution without any success!

1. Within each blog post how do I make the image show in the grey box? http://objeststudio.com/2015/07/05/welcome-to-objest/

2. Within each blog how do I deactivate the blog image so it’s not clickable?

Thanks again:)

Hi fire-blanket,

Please go to Theme Options > Blog Settings and just tick this option as you see on screenshot below.

(view large version)

Kind Regards,
—Ylli

Legend! – thanks:)

Glad to hear that :)

P.S: It would help us a lot if you could rate Kalium on themeforest from your Downloads tab, ( if you don’t know how, just open this link ) :)

Kind Regards,
—Ylli

Hey!

I finally fixed all hosting related problems and I am running the theme perfectly! Just wondering, if in the portfolio settings for my front page, it is possible to order the post (in my case pages) in whatever order I’d like? Because I am only given a few options like ID, author, and so on…

Also, I wanted to know if is there any layout in visual composer allowing me to construct a calendar style page?

Thanks for the theme and the support!

Hi there,

To order the pages/portfolio items you have to use a ordering plugin like Post Types Order

Kind Regards,
Art

Hi guys, found a bug…

On a portfolio post, in the Project Link section, the ‘open in new window’ setting seems to affect the link of the portfolio item on the main portfolio page, not just the custom ‘project link’. I’ve found that even without a project link active, the ‘open in new window’ setting is ticked by default so the particular portfolio item opens in a new window from the main portfolio page.

Fix?

Hi WristyManchego

I guess this is not a bug, because if you have set this option:

http://drops.laborator.co/13X25

Then the new window target will be applied in this case. If you set Item linking to Continue on Single Page then the “new window” option will not be applied.

Best regards


Arlind

Thanks for the info guys. I’ll play around with that setting to get it right.

Glad to hear that :)

Kind Regards,
—Ylli

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey