I've been playing with the Kinvara template and learning a few things that might help others. See my other post Getting Smarter

I've been experimenting some and learned a couple new things. Since Carian gave me the CSS code for changing the font size I thought "what about font family"? I tested this and it works:


.layerslideshow-title {
font-size: 72px;
font-family: "Arial";
}


I'm totally new with Joomla and templates. I have watched hours and hours of YouTube videos trying to get to the point that what I think should happens actually happens. Sadly, there are not too many videos using J51 templates. I found this one: https://www.youtube.com/watch?v=uIdf9l8j-SI&t=3717s which turned me on to J51. Don't click on any of his links because he is using spammers to make a little money.

I am old fart just playing with web sites to help friends rather than making money. Wanting to get a template with as many options as possible I picked Kinvara. Of course, I immediately wanted to change things. It also took some time to learn how to install it so that I could use the sample data. Read the directions very carefully, you will finally get it.

The first thing I wanted to change is the "Slide/sign" over the showcase picture. I wanted it more like the Juliet template. Carian was kind enough to send me an updated layersliledshow extension. Of course, that created a few new problems.

First, loet me say that I think some of what I have learned may apply to other templates too.

When I used the new extension the Slide worked as expected but there was no image. Carian to the rescue, with a CSS fix:

#container_showcase1_modules .wrapper960 {
background-color: transparent !important;
}

This solved the lack of image issue but since the "Arrows" are white if your images are light you couldn't see them. Carian to the rescue, with a CSS fix:

.layerslideshow .NextArrow,
.layerslideshow .PrevArrow {
background-color: rgba(0,0,0,.8);
}

That solved that issue but again killed the image!!! After a lot of messing around and a stroke of genius, I found that when you add CSS to your Custom CSS it erases the last one that you added. SO when you add Custom CSS, you need to add all of them at one time.

Then I wanted to enlage the font size of the Slide, Carian to the rescue, with a CSS fix:

.layerslideshow-title {
font-size: 46px;
}

Again, you need to put all of your custom css in the box at one time for them to work right.

If you just want the Slide Title, without the caption, you can not just delete the caption text because it kills the Title too. The fix: delete the text and replace with a period.

As you can see, I haven't progressed very far, but if Carian thinks this will be of value, he might make it sticky. I will continue to add to it as I learn more.and I encourage others to add to it as well.

I'm assuming that you could then change the Caption Font size and family also, although haven't tested this yet:


.layerslideshow-caption {
font-size: 14px;
font-family: "Arial";
}