Another question,

In the portfolio page, how do I change the text “all” in the filter, for a custom text?

Thanks again

Hi,

Regarding your questions:

1) Could you please provide us a link to your website, so we can take a look at the issue? Also, are you experiencing this same problem in the theme’s demo?

2) Are you using the Portfolio Page template in your page? Or are you adding the items via Visual Composer?

If you are using the page template, you can open the file “tpls/portfolio-listing.php” in your theme folder. In line #135, before the second to last closing /div tag, you can insert your desired content.

3) If you want to add the tags like the ones you saw in the theme’s demo: http://kaliumtheme.com/

I’m afraid that they cannot be added. Keep in mind that that part of the demo is not created using the theme, it’s just custom code. And the theme does not include that option for portfolio items.

Kind regards,

Rodrigo

Hi Rodrigo,

1) You can visit our website (still under construction) at www.wzweia.com. Right now I’m at another MacBookPro with Os 10.11 – the issue doesn’t seem to appear here. My office-iMac has 10.10, and Safari and Firefox both jump when opening the menu…

2) I’m using the Portfolio template – you can check it out at our website. I’ll try your solution tomorrow…

3) Okay, thanks.

Kind regards, Nicolas

Hi Nicolas,

You are using an old version of our theme (1.8.7.1) and the latest version for the moment is (1.8.8.1), please update theme first.

The easiest way to update our themes is if you use Envato Toolkit. On this link How to update Themes and Plugins you can learn this easy step-by-step procedure

Very Important: Please don’t forget to go to Appearance > Install Plugins to update all your premium plugins to the latest version that we support.

Kind regards,
—Ylli

(updated to 1.8.8.1)

Hi there,

Please disable your maintenance from your site so we can see it live.

Kind Regards,
Art

Done. I’ can’t leave it open for too long, since the content isn’t ready yet…

Hi,

Could you please provide us a link to your website, so we can take a look at it and check these requests?

Kind regards,

Rodrigo

Hi Rodrigo,

certainly – the page is at http://kohina.eu/wp/henkilot/

Additionally, can you think of any ideas why the site is loading quite slowly? What issues there might be to try to see on the server that may cause this?

Kind regards,

Tiina

Hi Tiina,

1. Is this happening to all your Team Members or only the last one?

2. By searching on Google, I found out that many users have added this Meta tag in their Site Header:

<meta name="format-detection" content="telephone=no">

3. Regarding the speed of the site, for this please take a look at your host performance and for better performance get the WP Super Cache and it will speed up your site by saving your resources in the users computers.

Kind Regards,
Art

Thanks Art,

1. I’ve uploaded a picture, which illustrates the problem here http://tinypic.com/r/155rwd5/9

The problem occures on all members and gets worse the more text there is. On vertical, it gets layered and on landscape it’s actually not bad, with the exception that the title line is completely omitted for some reason and not visible.

2. Thanks for this suggestion – although I have done all mods on the main theme modification panel and adding a child theme at this stage means that I need to do all those changes again… I probably will do this, so unfortunate that there’s no other way.

3. I already added this plugin and will also get in touch with the host, one of the minimum values was way below, whether that has any effect on loading, I don’t know.

Kind regards,

Tiina

... these are the server values, I’m not sure if they tell you anything?

max_execution_time 60 memory_limit 192M post_max_size 32M upload_max_filesize 32M max_input_time 60

Hi there,

1. Add the following code in Custom CSS > Responsive in the last field which is valid only for smartphones in portrait view.

.hover-state.padding.hover-style-one {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 30px !important;
}

Regarding your server question, these are our recommended PHP server limits:

max_execution_time 180
memory_limit 128M
post_max_size 64M
upload_max_filesize 64M

Kind Regards,
Art

Many thanks Art!

This custom css works, however, on horizontal mobile or when narrowed on the desktop, the title goes missing. Is there a reason or solution for this?

I resolved the phone number issue on mobile by adding link to the page into the phone number.

Kind regards,

Tiina

Hi Tiina,

Can you post a screenshot of your issue.

Kind Regards,
Art

Hi Art,

you can see it on this image I posted earlier, look at the very bottom one and you can see that the title is missing.

http://tinypic.com/r/155rwd5/9

Hi,

Let’s try adding this code to the field Custom CSS in the dashboard:

@media screen and (max-width: 480px) {
.job-title {
  display: block !important;
  position: relative !important;
  z-index: 999 !important;
}
}

Kind regards,

Rodrigo

Thanks Rodrigo,

unfortunately the problem still persists.

Kind regards,

Tiina

Hi Tiina,

Can you please add the code below to Custom CSS

@media screen and (max-width: 650px) and (min-width: 481px)
.hover-state.hover-style-one p {
    display: block !important;
}

Kind regards,
—Ylli

Hi Ylli,

apologies for delay in replying, but sadly no, this one didn’t help either.

Additionally, I am just about to publish the website, and noticed that the (adjusted with your help) date and category look very pushed next to the icons – what might have caused this?

http://kohina.eu/wp/blogi/

or after publishing http://kohina.eu/blogi/

Kind regards,

Tiina

Hello,

Which type of menu are you using in your website? Could you please provide us a link to it, so we can check it out?

Kind regards,

Rodrigo

Hi sorry its arcade78.com

Hi,

Go to the theme folder and open the file “tpls/menu-mobile.php”. In line #29, after this code:

<?php echo $menu; ?>

Write this new one:

<div class="full-menu-footer">
                    <div class="container">
                        <div class="right-part">
                            <?php echo do_shortcode( '[lab_social_networks]' ); ?>
                        </div>

                        <div class="left-part">
                            <?php echo do_shortcode( get_data( 'footer_text' ) ); ?>
                        </div>
                    </div>
                </div>

Kind regards,

Rodrigo

Really appreciate the help, thank you

But can the social media icons be the same as the main site ie circles with the icons inside and be positioned at the bottom of the menu and be left aligned and line up with the menu text

Thanks Simon

Hi,

In that case, you’ll need to customize the CSS styles of the icons. For example, you can write the following code in the field Custom CSS of the dashboard:

@media screen and (max-width: 480px) {
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .container {
  position: static !important;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .left-part {
  float: right !important;
  text-align: right !important;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .right-part {
  float: left !important;
  text-align: left !important;
}
}

Kind regards,

Rodrigo

Hi Rodrigo

Thanks for getting back so quick, i can’t see the social media icons at all on the mobile menu at all, is there a setting i need to activate?

Thanks

Simon

Also im only on Version: 1.8.5 i can’t seem to update the theme in wordpress dashboard

Hi Simon,

Can you please use Envato Market plugin, and read carefully instructions inside the plugin that will teach you how to update your theme.

Kind regards,
—Ylli

All done but still no social media icons on my mobile menu

Hi,

I just visited your website, but the code that I previously provided seems to have been removed. Could you please check that?

Kind regards,

Rodrigo

Sorry I pasted the

 tags its now there

Glad to hear that it’s fixed now

Glad to hear that it’s fixed now

sorry i meant the code is pasted back in, the social media icons are still not visible

Hi,

I just visited your website, but still could not see the code applied. Is that possible?

If you have any cache plugin installed, you should disable it, since it may be blocking the change.

Kind regards,

Rodrigo

Hi Rodrigo, it is there in the custom css general style panel here is a screen shot https://www.dropbox.com/s/am6u0jpyey7702s/custom%20css%20general%20style.png?dl=0

Hi,

I was referring to the PHP code, which seems not to be inserted in the file “menu-mobile.php”. Could you please check that?

Kind regards,

Rodrigo

Hi Rodrigo

Sorry thats inserted now, it brings the icons up on mobile menu but as mentioned before id like them to be within the circles as on the main site left aligned if at all possible.

Thanks

Simon

Hi Simon,

Try adding these codes to your Custom CSS area:

.sidebar-social a, .social a {
    margin-right: 0px;
    background: rgba(255, 255, 255, 0.25);
    padding: 5px 8px;
    border-radius: 50%;
}

.sidebar-social .color i+span, .social .color i+span {
    margin-left: 5px;
    display: none;
}

Kind Regards,
Art

Hi Art thats great thanks, one more thing and then i promise to leave you alone, could the icons be white and all four positioned at the bottom of the menu screen away from the type in menu?

Thanks

Simon

Hi Simon,

I see that your icons on the fullscreen menu are white? Have you already solved this problem?

Kind regards,
—Ylli

Hi Ylli

Sorry didn’t notice that

Just had a look and when i add the code from Art, the icons are no longer centred in the circles: https://www.dropbox.com/s/ueiswxar86q9otm/icons%20full%20screen%20menu.png?dl=0 What i’m trying to achieve is this on the mobile menu the icons are bottom left with the ©Arcade78 underneath or to the side. This gives me flexibility to add to the menu and keep the social icons away from the text https://www.dropbox.com/s/0iru42m5dfnx5ny/Mobile%20menu%20social%20media%20icons%20bottom.jpg?dl=0

Thanks

Simon

Hi Simon,

Can you please add the code below to Custom CSS

@media screen and (max-width: 768px) {
    .sidebar-social .color, .social .color {
        color: #fff !important;
    }

    .sidebar-social a, .social a {
        padding: 4px 6px !important;
    }
}

.sidebar-social a, .social a {
    padding: 0px 6px;
}

Kind regards,
—Ylli

Hi Ylli

Icons are now white great but they are not aligned to the text or at the bottom of the mobile menu?

Thanks

Simon

Hi Simon,

This should work out:

.right-part .social-networks {
    padding: 15px !important;
    position: absolute !important;
    bottom: 15px !important;
} 

Kind Regards,
Art

Fantastic! Under the word portfolio on the mobile menu the ©Arcade78 is there in blue can this be moved under the social icons please?

Also i have just checked the screen menu and the social icons are now randomly placed on the menu and are no longer right alined and on the same line as ©Arcade78 can this be fixed also?

Thanks

Simon

Hi Simon,

The code below should work now:

.right-part .social-networks {
    padding: 9px !important;
    position: absolute !important;
    bottom: 55px !important;
}

.left-part {
    padding-left: 15px !important;
    position: absolute !important;
    bottom: 30px !important;
}

Kind Regards,
Art

HI Art, thats spot on, the only issue is that on a laptop/desktop when you press the menu the social media icons look like the link below, instead of being right aligned and in line with the ©Arcade78

https://www.dropbox.com/s/gd1h41k7qtb4ssh/Laptop%20menu%20%E2%80%93%C2%A0social%20icons%20mid%20air.png?dl=0

Thanks

Simon

Hi Simon,

Sorry but the code above should be pasted only in the mobile view in Custom CSS > Responsive and in the right tab paste it.

.right-part .social-networks {
right: 0px !important;
bottom: 25px !important;
}

.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .left-part {
bottom: 50px !important;
}

Kind Regards,
Art

Awesome thank you so much for all your help. Simon

Hi,

You can write the following code in the field Custom CSS in the WP dashboard:

.portfolio-holder .product-box .photo .on-hover {
  background-color: red !important;
}
.portfolio-holder .animated-eye-icon .product-box .photo .on-hover i {
  display: none !important;
}

Kind regards,

Rodrigo

Hi,

Could you please provide us a link to your website, so we can take a look at the issue?

Also, are you able to replicate this issue in our theme’s demos?

Kind regards,

Rodrigo

Of course, here’s the link: http://www.quattrolinee.it/pstudio/

The problem is particularly annoying when the device is in landscape view, because the screen is fixed on the slide with no ability to scroll down to the rest of the page, although i haven’t noticed this issue in your theme’s demo.

Thanks again!

Hi Steve,

Have you checked also the Page Options and Parameters when editing the page, there are some extra options and the options only for that page that overwrite the general settings.

Kind Regards,
Art

Hi,

Could you please provide us a link to your website, so we can see where you inserted this element?

Kind regards,

Rodrigo

Hi Rodrigo, thanks for your quick response. I sent you a private mail. Greetz!

Hi laartje,

I managed to fix it by adding a CSS code in the Custom CSS area.

Kind Regards,
Art

Hi laartje,

P.S: You are using an old version of our theme (1.7.2) and the latest version for the moment is (1.8.8.1), please update theme first.

The easiest way to update our themes is if you use Envato Toolkit. On this link How to update Themes and Plugins you can learn this easy step-by-step procedure

Very Important: Please don’t forget to go to Appearance > Install Plugins to update all your premium plugins to the latest version that we support.

Kind Regards,
Art

Ow, now I have a problem I think. I just updated the theme and I get this message: Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 17741 bytes) in /var/www/vhosts/larotu.nl/httpdocs/wp-content/plugins/js_composer/include/classes/vendors/plugins/class-vc-vendor-woocommerce.php on line 1103.

What can I do?

Hi laartje,

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

This is a server error, so please check if you have recommended PHP configuration limits as follows:

max_execution_time 180
memory_limit 128M
post_max_size 32M
upload_max_filesize 64M

For more info visit this link Recommended PHP Configuration Limits

If you need more info, please don’t hesitate to reply us

Kind Regards,
—Ylli

Hi Yill, I just wrote you a private mail with my login details. My site isn’t live yet.

@Art: Unfortunately I don’t see any fix of a CSS code in the Custom CSS area. Can you help me with this?

Hi laartje,

We will reply to your email for the same problem

P.S: We only give support in item pages in ThemeForest.net site. We use email just if we need sensitive informations from the clients such as WP or FTP credentials.

Kind regards,
—Ylli

Hi Ylli,

Ok, once again: I really would like the scroll bar in the scroll box stay visible all the time. Now it only shows up when hovering. I also see the scroll bar jumps to top or to bottom at certain point when scrolling.

Furthermore I would like to set up the zig-zag service page the right way. Before the update the images fit perfect corner to corner. Now there are empty spaces again. I used the code provided on the forum to set up this page. Would you help me with this?

Greetz, Lara

Hi Lara,

1— I see that you scroll is now visible all the time as you can see it here http://drops.laborator.co/1gSnN please hard refresh your browser and you can see the changes.

2—Can you please try to be very specific about the question and explain it more to us, in this way we can easily understand you and give you the proper answer

Can you please write URL of this exact page here on comments first? We need to investigate your site and then get back to you if we have possible solution.

Kind regards,
—Ylli

Hi Ylli,

My apologies, there has been a misunderstanding. I asked in mail if it is possible the scroll bar stays visible on the page: grafisch-design-zakelijk / and grafisch-design-familie /. Now its only visable on hover.

On the page ‘service’ you see that there is space between the images. I want to neatly connect the pictures, like on your demo page: http://demo.kaliumtheme.com/main/services-2/. The images connected to each other neatly, until the theme-update.

I hope you you can help me with this. The address of the site and the credentials I have sent you alleready, but to be sure I do it one more time.

Thank you in advance for the effort, and I hope it is clear what I mean!

Greetz, L

Hi laartje,

I have replied to your email

Kind regards,
—Ylli

Your service is great. The scrollbar is solved now. Thanks a lot for your efforts!

Unfortunately on the page ‘service’ there is still space between the images, despite the ‘No bottom margin’ option. Can you have a look at this one more time? Thanks again!!

Greetz

Hi laartje,

Go to “Service” page and paste this CSS code on it’s Custom CSS area

.icon-box-container {
    margin-bottom: 0px !important;
}

Kind regards,
—Ylli

Yes, we’re almost there! This worked for the first box. There’s still a margin below the second icon-box for some reason. I really have no idea why. The settings are the same.

Greetz, Lara