GK CloudHost - From page settings

ausphone

Hello Team,

Purchased your GK CloudHost template template yesterday. Quite impressive what you have done so far.

I have a few issues please:

Please see temporary site: https://new.australianphone.com.au/

How to uplift logo to up, that is centered, which is not right for image. How up move it up please ?

How to setup backgroud on the start page ? I see you provided psd files for downloading, but I cannot figure out how to set it up on the from page similar that you have on your demo.
I see there is update available: Version: 3.22 Date: 12/01/2018 but there is still old version to download here from portal. Could you please point me to updated version.

Great thanks.

Joshua-M

Hello,

Regarding your issues:
1. Try to add the following custom css code:

#gkLogo {
margin-top: 5px;
}

You should configure frontpage modules (if you didn't install template via the quickstart package), please check first module from "8 Header" section of the CloudHost configuration page:
https://www.gavick.com/documentation/joomla/templates/configuration/cloudhost
GK Cloudhost 3.21.4 is the latest version available, so I think is the issue with update service, could you update your thread fields with your site back-end access (user, password) and FTP (host, user, password). These fields are visible for moderators only.
https://cl.ly/3y3R0p24250G
Then we'll be able to check the issue.

Cheers
Joshua

ausphone

Hi Joshua,

Thank you very much for quick reply. It worked for me well.

I have a couple of more questions that cannot figure out myself.

Please see page: https://new.australianphone.com.au/cloud-hosted-virtual-pbx

YouTrube media is inserted correctly with right size, WYSWYG edditior scale it properly, but in site that is always full screen. What am I doing wrong ?

Where is 404 page configured ? Couldn't find ?

Great thanks.

Joshua-M

Hi,

Youtube video is added to "fluid-width-video-wrapper" container, so it will be displayed full width (adjusted to current container). If you provide your website backend access, then I will be able to check the issue and maybe find a solution.
The content of 404 page may be found within gk_cloudhost/error.php file, the css style are placed in gk_cloudhost/css/system/error.styleX.css where X is the number of the basic template style selected from Template Options.

Cheers
Joshua

ausphone

Hello Joshua,

Thank you very much for your assistance.

I have updated site administrator login details, could you please investigate for me:

Page: https://new.australianphone.com.au/cloud-hosted-virtual-pbx
Youtube is full screen, couldn't fix it myself
Start Page: https://new.australianphone.com.au/ I have updated header module - background picture (with equipment racks) as you advised, but it is still different that in your demo. When you have nice picture for whole screen, in my case that is half of picture with border
The same page: https://new.australianphone.com.au/cloud-hosted-virtual-pbx somehow there is big interval between lines, especially if you scroll down to blue boxes. It looks very nice in WYSWG editor, I would like to see in site exactly the same, but some strange interval appears.

Thank you very much for your assistance and patience.

Joshua-M

Hi,

Regarding your issues:
1. I'm not sure how it should looks like, but try to add the following custom css code:

.fluid-width-video-wrapper {
    width: 70%;
    margin: 0 auto;
}

I've added imageBg grey-content suffixes to your 101 Menu Item (your frontpage). Template Options -> Features tab -> Suffixes for pages section. Now should be fine.

Try to add the following custom css code:

.itemBody ul li {
    line-height: 1.3;
}

Cheers
Joshua

ausphone

Hello Joshua,

Thank you very much for your effort.

All good except first point. I have added CSS code to template:

.fluid-width-video-wrapper {
width: 70%;
margin: 0 auto;
}

But unfortunately if you check this page: https://new.australianphone.com.au/cloud-hosted-virtual-pbx

youtube is still full screen.

Could you please have another look ?

Thanks.

Joshua-M

Hi,

Try to change your code into:

.fluid-width-video-wrapper {
    width: 70%!important;
    margin: 0 auto;
}

Cheers
Joshua

ausphone

Hi Joshua,

Sorry to bother you again and again, well, I have applied your changes.

That is really smaller now, but video looks like square with big borders on top and the bottom.

Could you please have a look page once again: https://new.australianphone.com.au/cloud-hosted-virtual-pbx

run a video. what should we do to remove extra spacing above and below video ?

Thanks.

paulus1031

Hi There,

If you change the width and height in the iframe does this give a better result?

Cheers
Paul

Joshua-M

You can also try to add your iframe video within another div container:

<div id="my-video-wrapper">
your iframe video code
</div>

and add this css code:

#my-video-wrapper {
    width: 70%;
    margin: 0 auto;
}

in this case, please remove previous css with "fluid-width-video-wrapper" class.

Cheers
Joshua

ausphone

Thank you very much.

It works finally 😉