1. pitzerwm
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 08 May 2018
  5.  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";
}
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.
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciarán, With that info, I was able to make it work for me.http://isabel-de-anda.com/index.php/obras/dibujos
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Starting a new site conversion, and making all of the modules 100% width. The copyright /footer"modules" aren't adjustable apparently. I'm assuming that I need to throw in some CSS, but haven't figured out how/what. Also I think we need to be able to control background color as well.

I'm also looking for the border around the layerslideshow turn off switch, I've found it before but not this time, still looking of course.
UPDATE: added this to to CSS


.border_block {
background-color: transparent !important;
}


UPDATE 2: I also found that Module Border color, in template options: Modules/Component Styling setting the color to your background solved it. I tried to set it to transparent, but it didn't allow it. I also found that in this same options, by changing the base background color changes the copyright postion color.
References
  1. http://midcolumbiswoodturners.org
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Make the menu items larger: Being old and half blind and most of my visitors, I needed the menu items larger. I adapted a bit of CSS that I found in another thread:


.hornav > ul > li > a {
font-size: 16px !important;
}


Of course, I now need to make the sub menu items larger, in a Juliet/menu size thread you gave them this CSS


.hornav > ul > li > ul > li > a,
.hornav > ul > li ul > li > ul > li > a {
font-size: 16px !important;
}


BUT I can't make it work, So since I just used the top part to make the main menu items 16Px, I tried to use just the lower part, but it doesn't work. Is it possible that there is a typo in it? This what I tried:


.hornav > ul > li ul > li > ul > li > a {
font-size: 16px !important;
}
References
  1. http://midcolumbiawoodturners.org
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks, Ciarán,
That worked, you might want to post a css that effects all menu levels.
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

1. Thank you for the update and for sharing your solution!

2. To disable navigate to the General -> Menus tab of your template style settings and set the Convert to Module Position (footermenu) to Yes.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Ciaran:

No more bottom menu - thank you very much.

Flavelle
Home-03.jpg
Attachments (1)
  1. more than a month ago
  2. Commercial Templates
  3. # 7
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. # 8
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.
  1. more than a month ago
  2. Commercial Templates
  3. # 9
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
  1. more than a month ago
  2. Commercial Templates
  3. # 10
Accepted Answer Pending Moderation
0
Votes
Undo
It's ok... I just notice you have sent it already :) Taking a look.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 11
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
  1. more than a month ago
  2. Commercial Templates
  3. # 12
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.
  1. more than a month ago
  2. Commercial Templates
  3. # 13
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
  1. more than a month ago
  2. Commercial Templates
  3. # 14
Accepted Answer Pending Moderation
0
Votes
Undo
Is Page Heading Font and font size adjustable?
  1. more than a month ago
  2. Commercial Templates
  3. # 15
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.
  1. more than a month ago
  2. Commercial Templates
  3. # 16
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.
  1. more than a month ago
  2. Commercial Templates
  3. # 17
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
  1. more than a month ago
  2. Commercial Templates
  3. # 18
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?
  1. more than a month ago
  2. Commercial Templates
  3. # 19
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
  1. more than a month ago
  2. Commercial Templates
  3. # 20
  • Page :
  • 1
  • 2


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
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.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok