documentation for the Folio template?

cspgsl

Is there no documentation for the Folio template?

How do I make it work like the demo?

Ninja

cspgsl
Hi
Here is the documentation of template : https://www.gavick.com/joomla-templates/folio/install
If you want the same data like in demo, you can install Quickstart package.

Regards

cspgsl

I installed the QuickStart but there is no roll over effect that reveals the images (like on the demo) when the mouse moves over the names on the home page and I cannot see how to enable the sidebar on the right.

Ninja

cspgsl
Hi
The package seems not installed correctly, Kindly download the package again and install in on fresh DB with sample date, it will have same view like in the demo.

cspgsl

OK, I have downloaded a fresh copy and installed it on another domain. Everything went as it usually does with the 1,000's of template installations I have done. You can see the screen shots that everything is normal.

The quickstart does not recreate the template as it is shown on your demo. There is no roll over effect that reveals the images (like on the demo) when the mouse moves over the names on the home page and I cannot see how to enable the sidebar on the right.

I have added the super user account so you can look

cspgsl

I have not updated this installation as I had done on the last one but that does not make any difference.

cspgsl

the installation is on https://tomkenyon.ca/

Ninja

cspgsl
Hi
Kindly clear browser cache and check again : http://prntscr.com/r8s7ug

cspgsl

Is there any other description on how to alter the template?

I see css and less files but any changes I make do not appear on the site.

For example, how do you change the colour of the headings and text?

Ninja

cspgsl
Hi
You can use override.css file in css folder of template to apply own custom color.
use inspect element from browser to check the style classes
http://prntscr.com/s2jx3r
example code

#GKSVGImageHover .item-title {color:#000}

cspgsl

I added this to the /css/override.css file and it didn't make any difference.

#gkHeaderNav .gkMainMenu > .gkmenu.level0 > li > a, #gkHeaderNav .gkMainMenu > .gkmenu.level0 > li > span {
    color: #000;
    f```ont-weight: bold;
    text-decoration: none;
}

I added this to the flie but do not see what it changed.

#GKSVGImageHover .item-title {color:#000}

I added this but it didn't change anything

h1, h2, h3, h4, h5, h6 {
color: #000;
font-weight: 700;
line-height: 1.3333333;
margin-bottom: 24px;
}


I also managed to chage the text logo to black from white but I cannot see where it is changed in the css files. 

Also, how do i remove the distortion of the images that load when I hover over the project names?

Thanks

Ninja

cspgsl
Hi
Kindly do not merge new question here as this post is for documentation part and already solved.
About the override you must turn on override css from template style options.
And turn off the compression and cache to see the file path http://prntscr.com/s31yyo
I can not see any file is loaded at the moment.

cspgsl

Other than setup, it is really unfortunate that there are no instructions for working in this template? It would make it much more enjoyable.

I have enabled the CSS override as in the image. is that correct? I would never have known to do this.

I enabled the override for the logo text and it worked but when I add it for the menu, it does not work.

cspgsl

Is this setting correct?

Ninja

cspgsl
Hi
Kindly clear browser cache and check your custom code is working.
Incase a code not override style you can add !important.

 color: #000!important;

cspgsl

important fixed it
thanks

Ninja

cspgsl
You are welcome!