1. pitzerwm
  2. Commercial Templates
  3. Tuesday, 08 May 2018
  4.  Subscribe via email
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";
}
pitzerwm Accepted Answer Pending Moderation
0
Votes
Undo
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 assuming that you could then change the Caption size and family also, although haven'e tested this yet:


.layerslideshow-caption {
font-size: 14px;
font-family: "Arial";
}
  1. more than a month ago
  2. Commercial Templates
  3. # 1
pitzerwm Accepted Answer Pending Moderation
0
Votes
Undo
I finally have started creating/updating a web site using Kinvara. I have a question, I did not do the demo data as I had that already setup and figured that I could flip back and forth if I needed to see how I did something with the demo.

The first strange situation is that when I sent this URL to the "owner" for comment, all she got was 404, http://williampitzer.net/isabel/index.php, it was on both Firefox and chrome on my computer. Later this evening I took the URL from FF to Chrome and then I get 404. Nothing that I did would fix it.http://williampitzer.net/isabel/ That is still screwed up.

On the "new site" isabel-de-anda.com I'm having an issue using the Juliet layerslideshow module. I added the custom.css file and enabled it and it didn't solve an issue, so I added the css info into the place in the template options and then it worked. While trying to figure out WHY, I discovered that I have a Templates sub directory and a templates sub directory, not exactly the same but real close. I put a custom.css file in both and changed them, one at a time, and neither seem to "work" I can get change by putting the new info in the template "input box" even though the "enabled" is set to yes.
ciaran Accepted Answer Pending Moderation
0
Votes
Undo
Hi BIll

On your first issue may I suggest contacting your hosting as this would not be a template related issue.

You certainly should only have one template directory which in Joomla is always in lowercase.If you wish to examine why your custom.css is not been load, may I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán
ciaran Accepted Answer Pending Moderation
0
Votes
Undo
It's ok... I just notice you have sent it already :) Taking a look.

Ciarán
ciaran Accepted Answer Pending Moderation
0
Votes
Undo
Your custom.css is been loaded without issue. I notice you had a syntax error in your custom.css which would result in any following CSS not been loaded. I have removed the offending CSS.

Ciarán
pitzerwm Accepted Answer Pending Moderation
0
Votes
Undo
SOLUTION:

The first strange situation is that when I sent this URL to the "owner" for comment, all she got was 404, http://williampitzer.net/isabel/index.php, it was on both Firefox and chrome on my computer. Later this evening I took the URL from FF to Chrome and then I get 404. Nothing that I did would fix it.http://williampitzer.net/isabel/ That is still screwed up.

I had unpublished the HOME article, when I republished it, that solved the problem of 404 Not Found.

What I don't understand is that it displayed correctly on my computer with FireFox, but when I put the URL into Chrome it was 404, When I put it on another computer, FireFox, 404.

It was an accident that I figured this out, just glad that I figured it out. The puzzling part was that it worked on FireFox, usually, if you screw up, its everywhere.
pitzerwm Accepted Answer Pending Moderation
0
Votes
Undo
Thanks for your help, I always figure that it is my fault. One suggestion you might think about. On another forum, I see that if needed you can add the admin stuff (like you have the add URL) where we could enter that info, but it wouldn't be displayed which would eliminate a step of you having to ask for it, saving time.
ciaran Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Bill for the suggestion. I have flagged this post and intend to look in to adding this feature. I'll keep you posted! :)

Ciarán
pitzerwm Accepted Answer Pending Moderation
0
Votes
Undo
Is Page Heading Font and font size adjustable?
pitzerwm Accepted Answer Pending Moderation
0
Votes
Undo
If you have more than one category and find "Navigation" at the bottom of your page, go to Article > Options > Link Category needs to be NO to get rid of it.
pitzerwm Accepted Answer Pending Moderation
0
Votes
Undo
In another Thread, I was having a problem with the Read More button, being white until I put my mouse over it, then it was a bluish color with white text.

Well, here is the solution, in case you run across this problem This probably works with most templates..

First in case you don't know it, to use the Read More button you need to create a Category Blog It will not work in a single article.

I think that it is a Joomla thing.

Also, in your template options you need to make the button color different that the background and not white, as the text is white. You find this option under General > Typographic Styling > Button color and button hover cover.

If you are new, you will find many options that you might not be aware of or don't understand what they are for. So when things don't seem to be working right, go to the template options/defaults and see if you have missed something.
pitzerwm Accepted Answer Pending Moderation
0
Votes
Undo
Something new. All of my pages lay out as expected/needed until I get to the last one, Videos. I add some text and it only uses 1/2 of the page.

http://isabel-de-anda.com/index.php/videos I have looked at the template/category/article variables and can not find anything that is different than all of the other pages.

Is there a simple way to re-shuffle the menu order?

Hopefully someone has an answer. Thanks

Update: Figured it out, I had called the menu item "Video" a "Category Blog" , which I was using with 2 columns with Labor Docente Videos.
References
  1. http://isabel-de-anda.com/index.php/videos
pitzerwm Accepted Answer Pending Moderation
0
Votes
Undo
Couple Questions:

Is there a simple way to re-shuffle the menu order?

Is there a way to take out some padding in the Heading/Menu area, I'd like to make it vertically narrower?
ciaran Accepted Answer Pending Moderation
0
Votes
Undo
Hi Bill

Is there a simple way to re-shuffle the menu order?

Navigate to Menus -> [YourMenu]. These items are 'drag and drop' by dragging the 3 vertical dots to the left of each row.

Is there a way to take out some padding in the Heading/Menu area, I'd like to make it vertically narrower?

To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

Edit to taste.

.logo {
padding-top: 10px;
padding-bottom: 0;
}


Ciaran
pitzerwm Accepted Answer Pending Moderation
0
Votes
Undo
Is there a simple way to re-shuffle the menu order?


Navigate to Menus -> [YourMenu]. These items are 'drag and drop' by dragging the 3 vertical dots to the left of each row. (In Kinvara the 3 dots are a dot and a vertical line.

In addition to adjusting the logo padding, I can adjust the menu padding with:


.menu {

padding-top: 0px;

padding-bottom: 0;

}
pitzerwm Accepted Answer Pending Moderation
0
Votes
Undo
How do I get rid of this at the bottom of the page? I thought that it was Link Categories, but I have all of them set to "NO" and its still here.
Attachments (1)
ciaran Accepted Answer Pending Moderation
0
Votes
Undo
Hi Bill

To disable set the Show Navigation field to Hide in the settings of the menu item linking to your blog.

Ciaran
pitzerwm Accepted Answer Pending Moderation
0
Votes
Undo
I looked at every menu/category/article options and Navigation was set to hide in everyone. What I "discover" was that on the Labor Decente Videos page, I had set # of intro articles to six where there was actually 8. I changed that to 8 and the NAV stuff went away.

Is it possible that if you set the blog options/# of intro articles to less that you have, that the template realizes at you are a moron and adds the Navigation to make your page work??
pitzerwm Accepted Answer Pending Moderation
0
Votes
Undo
I might be wrong, correct me if I am. When you "Save as Copy" , you need to delete the Alias, or you might have unexpected behavior of your pages.
pitzerwm Accepted Answer Pending Moderation
0
Votes
Undo
In the Kinvara demo data, you have a position for the ThumbsGalley of thumbsgalley. In the template, I don't see that position. Just use Top1A or one of the actual positions?
  • Page :
  • 1
  • 2


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Join Our Newsletter




We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.