More Icons

6 replies · opened Jul 5, 2016

LlautrackJul 5, 2016

Hi,

Currently we have 4 icons on our index page but only three of them show and for the fourth to show, you must use the arrows. Is there anyway to expand the element so that all 4 icons show at once on screens that can accommodate it? The icons I am referring to are the tech support, sharepoint, etc.

http://www.practicalsoftwaresolutions.com/index.html

Thank you!

LlautrackJul 6, 2016

I saw that topics posted after mine have received replies. Did this post get skipped?

SSemicolon WebSTAFFJul 7, 2016

Hello,

This is Definitely Possible! Please find the following code:


	jQuery(document).ready(function($) {

		var ocFbox = $("#oc-fbox");

		ocFbox.owlCarousel({
			margin: 40,
			nav: true,
			navText: ['',''],
			autoplay: false,
			autoplayHoverPause: true,
			dots: false,
			responsive:{
				0:{ items:1 },
				600:{ items:2 },
				1000:{ items:3 }
			}
		});

	});

and replace it with:


	jQuery(document).ready(function($) {

		var ocFbox = $("#oc-fbox");

		ocFbox.owlCarousel({
			margin: 40,
			nav: true,
			navText: ['',''],
			autoplay: false,
			autoplayHoverPause: true,
			dots: false,
			responsive:{
				0:{ items:1 },
				600:{ items:2 },
				1000:{ items:4 }
			}
		});

	});

This will definitely work fine.

Additionally, it is recommended that you Update your Website to the Latest Version of Canvas for much Easier Codes and Best Compatibility.

Let us know if we can help you with anything else or if you find any further issues.

JjdownsJul 22, 2016

I am having the same problem. Icons listed on icon list are not showing up. Look for code described above and cannot find it to do the replacement. Searched the whole canvas folder. Can you tell me where the code is.

http://downsmktingdev1.com/universalcanvas/index2.html

SSemicolon WebSTAFFJul 25, 2016

Hello,

We have just checked out your Website and the issue is that you will need to include the Medical Icons related CSS in the Document <head>. Simply include the following code:


- 

and it will definitely start displaying the Icons.

Let us know if we can help you with anything else or if you find any further issues.

JjdownsJul 29, 2016

very good and thanks for the support.

Is there a way to build custom icons. The company is in Colorado where marijuana sales are legal. Like to use a sativa and indinca leaf as icons. Possible?

SSemicolon WebSTAFFAug 1, 2016

Hello,

You can create your Own Font Icons by using the following Instructions:

  1. Make sure you have a Vector PNG Icon. Convert this Icon to SVG using any Online Service available through Google. Try this one: http://image.online-convert.com/convert-to-svg . Save the new SVG File.

  2. Open the Icomoon Icon Font Generator App: icomoon.io/app/#/select and import the following json File: https://www.dropbox.com/s/ufbrh3zg2dgvue2/selection.json?dl=0 .

  3. Now Import the New SVG Icon Files and check if they are looking fine. Now Move them Down below the Default Imported Font Icons (This is an Important Step). Make sure you have Selected the New Icons.

  4. Now click on the Generate Font Link and search for the New Icons you imported so that you can rename them properly according to your needs. Do not change the Default Font Icon’s names.

  5. Now you can simply add the Newly Generated Icons CSS File in the Document <head> to show your icons.

These instructions should definitely work fine. Do let us know if you face any issues with this.

Meanwhile, do let us know if we can help you with anything else or if you find any other issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard