zzkamikazezz

[zzkamikazezz]

This reply has been set as private.

[zzkamikazezz]

Thanks. I understood those steps. My question is where in the child to upload the json.

The guide I linked to shows ot being one level above the fonts folder, but the parent theme has it in he fonts folder itself… which is correct for the child theme?

[zzkamikazezz]

Ok, thanks. I think you changed the icons you used in 4.2?

So my version will be missing these and getting confused. Ill take a fresh cut from the parent theme and add mine again on fontello. Hopefully that will work.

Should I be placing he json file as per the icon guide (and how I had it), outside of the fonts folder? Or, should it be in the fonts folder, like the parent theme has his file?

Thanks

[zzkamikazezz]

I just tried switching back to the parent theme and the icons went back to how they should be.
However, going back to the child theme they are wrong again now.

That narrows it down to the icons setup in my child theme causing the issue.

Thanks

[zzkamikazezz]

This reply has been set as private.

[zzkamikazezz]

I see that the parent kleo theme has the json file in the fonts folder.

The guide says to put the json file outside of that folder
https://archived.seventhqueen.com/kleo/article/use-custom-fontello-icons-kleo-theme

This is where my child theme has the json file. So I guess this could be the issue?

I have tried moving the json file in to the fonts folder and cleared all cache and history. I have also tried making a theme change and saving that, but still the wrong icons are being used.

I’ll submit my FTP details as a private reply

[zzkamikazezz]

Hi Laura

I see, bumping is futile then.

Not to worry, I had a developer sort this out whilst he was working on something else. It all looks great now.

Thanks
Robin

[zzkamikazezz]

Just to add that I have some custom fontello icons added, and one of these seems to be being used for the change cover photo icon (it is now showing an engine).

Also the button, on mobile, to show your buddypress options is now not correct as well. It is the button, when on your profile page, to select friends, alerts, setting etc.

I recently updated the kleo theme to the latest version, I think this is when the problems must have started.

I can only guess he issues are due to some sort of confusion with the extra icons I have? I followed the guidelines for adding extra icons.

Thanks

[zzkamikazezz]

Hi Laura

Just bumping this 😉

Thanks

[zzkamikazezz]

Hi Laura

Those last two bits of css don’t seem to have changed anything, which is strange.

I tried in an incognito tab, and also cleared my history.

Can you check them?
I placed them in the theme settings, quick css section, as I did with the other bits.

[zzkamikazezz]

Thanks Laura!

1. That works and looks SO GOOD!
2. Yes, your screen shot shows the problem part
3. That works, great
4. Sorry, I had some css I forgot to delete. That is now removed. I would like the drop down menus to have their background the same darkeness as the main menu you bar is when you hover over it. They are much darker than the header when you hover over it at the minute. I would also like their text to be black instead of white, and then when hovered, the text change to the orange (#f58426).

Thanks again for the help

[zzkamikazezz]

Hi Laura

This is fixed actually. I was importing the roboto font using font punch over the weekend, so I could use it in essential grids and that fixed the issue. Suddenly all the bold text on my site went the thick bold.

I think the font included with the theme is missing the bold? As it certainly wasnt working properly before I did the import.

Thanks

[zzkamikazezz]

Sorry, I have just realised this is core BuddyPress and not part of the theme!
I’ve found the file to change now.

Regards

[zzkamikazezz]

Hi Laura

Sorry, I should have said I tried that. It leaves the ‘pipe’ at the end though!
I have the members widget above that, which doesn’t have the pipe at the end, so it looks odd.

Thanks

[zzkamikazezz]

Another good example tonight. How do I get a large button?
Like in the second row here:
http://seventhqueen.com/themes/kleo/buttons/

Button Settings here don’t mention size as a parameter
https://archived.seventhqueen.com/documentation/kleo

I tried ‘large’, ‘big’ and ‘2x’. No joy.

So I have to look here and see it is ‘lg’
https://nooshtube.com/buttons/

Just another example of where the documentation is really lacking! No webmaster would know, they are humans too and don’t have all day to experiment.

[zzkamikazezz]

Apologies. There seems to be an option under mobile settings to turn this off!

[zzkamikazezz]

Thank you for replying, I had actually lost the will to reply myself.

This was my second thread on this, and like the first it is not resolved. Its pretty clear users are not finding the documentation adequate here. It has huge holes in it.

My first post in this thread with the questions, such as why do I get the grey borders still remain unanswered. Even with me leaving my log in details and a demo page showing my issue, no one took a detailed look for me.

Im still super annoyed about this, but no one is listening to the feedback, so what can I do. Please spend less time creating the slick demos and some more time sharing how to use these features fully.

[zzkamikazezz]

Hi

I added the icons via your knowledge based article on how to add extra icons. Then I found I could use them if I entered the correct name. However this is getting us distracted.

I really don’t see this is getting anywhere. All I want to do is know how you created the demo shortcode pages I mentioned in the first post. This really is frustrating.
I have provided my log on details and also a link to a test page to show what I am seeing.
I get the annoying grey border and left shadow. Also I do not know how to flip the colours of the icons and also have the icon so it has a circle at all times, like on the demo page I have linked to many times now.

Under my visual composer settings the elements are already se to ‘All’. I do not know why I do not see all the kleo elemts then.

I think this is the simplest of asks, but after a second ticket it is still not going any where. Please add under each example the shortcode on these pages and also the other shortcode pages: http://seventhqueen.com/themes/kleo/feature-items/

It is SO annoying having this theme, great examples of the in built shortcodes and then not being able to make full use of everything because elements are either not showing in visual composer or there is not documentation exaplaining the attributes that can be entered fully!!

Please review my ticket from the first post and look at the pages I link to on your demo shortcodes and my test page.

I’m not asking for custom coding or anything, JUST DOCUMENTATION on how to use these shortcodes to their full potential, otherwise some of them are pretty useless and I want to play around and see what works for my site.

Regards

[zzkamikazezz]

This reply has been set as private.

[zzkamikazezz]

Hi Laura

Regarding the box and border, no its not in a message element. I’ll share my log in details, that may be easier.

For the icons I am not using the visual composer ‘icon’ option for two reasons:
1. Your shortcodes for ‘featured items’ contain parameters for icons so I was inserting an icon that way:
[kleo_grid type=”3″ animation=”yes” style=”border-left:10px;”][kleo_feature_item title=”SMOOTH ANIMATIONS” icon=”carpistonscross” icon_size=”default“]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/kleo_feature_item][kleo_feature_item title=”EASY TO CUSTOMIZE” icon=”carthreecars” icon_size=”default”]It’s a breeze to customize anything on this template. We made the code clean and simple so you can tweak to your hearts content.[/kleo_feature_item][kleo_feature_item title=”FREE UPDATE & SUPPORT” icon=”umbrella” icon_size=”default”]Many great features are yet to come to this theme so be the first to know about.[/kleo_feature_item][/kleo_grid]

2. I am using some custom icons, so these are not selectable in visual composer when using the icon element, so I have added the icons via the short code above and they appear fine

Am I not doing it correctly then? I would have thought I would need to add the icons as per point 1 above.

Regarding the tabs, I search in visual composer and do not see kleo tabs, just ‘tabs’ I have k elements installed and as you will see I have some other kleo shortcodes working. Would you mind taking a look for me?

I’ll do a separate reply with log on details.

Thank you

[zzkamikazezz]

Ok, thanks. I didn’t think it would be possible.

[zzkamikazezz]

Hi, thanks Laura

If we could cover the following please.

Featured Items (http://seventhqueen.com/themes/kleo/feature-items):
1. How do you not have a border box with a left shadow. All your example has no border at all. Mine always end up with one: https://www.carshow.life/aaa-shortcode-test/
2. How do you have the icon so that it is coloured like some of the examples on demo page?
3. How do you have the circle border show all the time for the icon like some of the examples?
4. Is there a way so the icons do not animate when hovered?
5. How do you get the background to the text/box grey on some of the examples

Icon short code
1. Is it possible to show the icon with a circle border around it?
2. Is it possible to have the colours inverted, the icon white/background and the circle coloured?

Tabs and Pills ( http://seventhqueen.com/themes/kleo/tabs-pills/ )
I can’t see anything about how to use these, so please could you cover off all the options here please for the examples on your page. Are they just using the visual composer ‘tabs’? When I use this it doesn’t look as good as those on your demo page and has a line added alone the top of the tabs for some reason.

I think that is enough for now!

This page has exactly what I’m after, http://seventhqueen.com/themes/kleo/fancy-lists/ if the others could be like this it would save a lot of questions/confusion I think.

Regards

[zzkamikazezz]

Hi Laura

Thanks for teplying, but Im not finding anything there that explains all the parameters available for the shortcodes.

Could you please help with this query:
“When I use the kleo grid and featured item short codes I am always getting borders. The Features Items grid documentation here does not tell you how to get rid of the borders and it has mistakes, https://archived.seventhqueen.com/documentation/kleo

The demo page has icons that are coloured and the colours invert when hovered. It also has icons with no borders. I can’t get the colours to invert, I can’t get rid of borders on the icons, even with ‘border_icons=”no” set.”

And can I ask again, please can someone go throught the amazing shortcode demo pages and just add the code under each item to show the shortcode and parameters ised. It really is a simple task as all if the code is already there on the page!

I was already dipping into the k-elements plugin files on the weekend to try and understand the parameters and the accepted values, and I got stuck. But really I shouldnt need to be even trying to do this when all is needed is some simple improved documentation.

[zzkamikazezz]

This reply has been set as private.

[zzkamikazezz]

Yes, I got there thanks!
Where does the footer actually get used / shown on my site then? It seems strange I enter text in the ‘Footer Text’ section of the settings for it to appear in the socket area!

[zzkamikazezz]

Ok, so I added text to the ‘Footer Text’ in General Settings and then switched to ‘Styling Options’, ‘Footer’. This is where the styling changes are not reflecting on my site.

It turns out I need to actually style the ‘Socket’ section to affect the styling where my ‘Footer Text’ is showing. Very confusing.
So what area of the site if the ‘Footer’ styling affecting?

Thanks

[zzkamikazezz]

Good thinking, I’ll have a play when home. Its just annoying the visual composer one wont show.

[zzkamikazezz]

Hi
I can also get that, I didnt want the gap in the middle of the line though. If you leave an icon off you get a blank gap. I wanted a continous single line, hence trying to use the visual composer ‘seperator’ instead.

[zzkamikazezz]

Ah, well spotted! It is working now!

As you said in the other thread, if you could improve your documentation as a lot of the potential is probably going unused by customers. The tool tip/hover over I would never have been able to work out, but thankfully your ‘Product Landing page’ demo material had it, so I could look there, then also looking at https://nooshtube.com/tooltips-popovers/ I could work out what other options I had to play with

[zzkamikazezz]

Also, should I be getting the icons display? They come installed as part of installing kleo right? I ask as I see the icon for the umbrella you use is called ‘icon-umbrella’ in the Assets, Fontello, demo.html file. In your shortcode above you just use the name ‘umbrella’. Would just using ‘umbrella’ work?

[zzkamikazezz]

Hi

Visual composer is very much activated on my site and working as I have been mucking around with it for quite some time! Why do you think it is not active?

I’m still working out what I want to have as my layout by looking at the tools kleo and visual composer come with, but thank you for the offer of help. When I know more, and if I get stuck I will ask, but up to date documentation in the meantime would help, as it will help me plan based on what is available. Without knowing what is possible and the tool available it is hard to plan the layout!

[zzkamikazezz]

Ok, any idea when that will be and if any other shortcodes suffer the same bug?
I’m just starting to work on my homepage and this is one element I certainly want to use, so a swift fix would be appreciated.

[zzkamikazezz]

Iv’e just tried this code [kleo_grid type=”3″ animation=”yes”][kleo_feature_item title=”SMOOTH ANIMATIONS” icon=”stackoverflow” icon_size=”default”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/kleo_feature_item][kleo_feature_item title=”EASY TO CUSTOMIZE” icon=”equalizer” icon_size=”default”]It’s a breeze to customize anything on this template. We made the code clean and simple so you can tweak to your hearts content.[/kleo_feature_item][kleo_feature_item title=”FREE UPDATE & SUPPORT” icon=”umbrella” icon_size=”default”]Many great features are yet to come to this theme so be the first to know about.[/kleo_feature_item][/kleo_grid]

And get the error message also and also no icons at all. That is all the code on this page. I’m version 4.1.2 and all up to date
https://www.carshow.life/aaa-shortcode-test/

[zzkamikazezz]

PS: Tabs and pills is also another page where would love to build some of the things here, but there isn’t guidance:
http://seventhqueen.com/themes/kleo/tabs-pills/

I lifted the code from that page from here:
https://nooshtube.com/tabs-pills/

But when I try it a get a ‘Warning: Division by zero in /home/carshow6/public_html/wp-content/plugins/k-elements/shortcodes/templates/kleo_grid.php on line 64’error message:
https://www.carshow.life/aa-shortcode-test/

[zzkamikazezz]

Hi there, is this still going live soon?

Thanks

[zzkamikazezz]

Hi

Just checking how this is being fixed. Is there going to be a minor release or is it wait for the next release?

Is there a temp css fix?

Thanks

[zzkamikazezz]

Brilliant!

[zzkamikazezz]

You’ll see on mobile the expand ‘+’ sign sits on top of the profile pic

[zzkamikazezz]

This reply has been set as private.

[zzkamikazezz]

Ah, I was just sending you a temp log on, one with no profile picture by chance. The expand option is there but it has moved form the left to the right, so sits on top of the profile pic!

I’ll reply with a long for you to see it.

Thanks

[Author]

Posts