Join Now

MuseThemes Blog

Trace | Animate SVG Icons

What is an SVG file and how do I make one?

SVG (Scalable Vector Graphics) files are commonly referred to as vectors. They work great on the web because they are small in file size and scale up and down - looking sharp on every display size, unlike standard images. You can make your own SVG icons using Adobe Illustrator or similar editor. You can also use free online tools to convert images to SVG files. See our Docs page for more info. 

What does the Miter Stroke Limit setting do?

This setting affects how paths come together at joints as stroke widths change.

 
by Brandon Wallace

Disqus Commenting

I don't have the option for guest comments when I publish my Disqus widget

The guest commenting option must be turned on in the Disqus site backend. Log into Disqus, then head to Admin > Edit Settings > Community > "Allow guests to comment"

Disqus has dark and light color schemes. Why don't I see a setting for it in the widget options?

This setting is built in and automatic. The widget will use the dark scheme on light page backgrounds and vice versa. This ensures Disqus Commenting is always visible.

by Brandon Wallace

OnLoad Animator

What does the "Overflow Mask" do?

The Overflow Mask allows animations to be confined to a specific area, like a state button. Just place your animated elements inside a state button.

How do I get the "Fade Out" option to work?

The Fade Out option fades elements between cycles in Looping mode. You will need to make sure you're using an animation type labeled "Fade xxxxx" 

by Brandon Wallace

Hover Reveal

Can I turn the link off?

While there is no enable/disable option for links, you can simply keep the Link Text field blank and keep the Link Style option set to link text. No link will appear with these settings.

Why does my text content get cut off at small screen sizes? I thought this widget was responsive!
Hover Reveal is responsive. However, if you have a lot of text content in your reveal area, it may not fit as the image size scales down on smaller screens. If you have trouble with this, create separate instances of the widget for your small breakpoints.
by Brandon Wallace

Infiniscroll

How did you create the parallax effect on the last sample in the live preview?

We used two stacked Infiniscroll widgets, set for opposite directions and using PNG files with transparency

 

Why do the timing settings seem to work differently in the two modes?
The two display modes have to be built very differently, and involve very different transition types and math calculations. In short, it's best to play with the timing settings until you're happy with the results
by Brandon Wallace

Timeline

Can I link to a specific slide in a timeline?
Yes! Just check the box titled "Enable Slide URL" in the option panel. Then once you publish, you can grab the URL from the specific slide and use it for the link
What kind of media can I use in the timeline?
Tons of media types are supported. Look here for details
by Brandon Wallace

Page Turner

How is the content placed onto each page?

Each page is styled using individual State Buttons. Place text, images, video, even other widgets within your pages!

What about page numbers?
Page numbers are automatic. If you'd like them displayed, simply enable them in the widget options.
by Brandon Wallace

Cinch Slideshow

Is there a way to add links or thumbnails to slides?

We will be developing a more powerful slideshow option in the future which can incorporate advanced features. The idea for the Cinch Slider is to be simple, clean and light.

I've enabled the "Fullscreen" setting in the widget options panel, but the slideshow isn't previewing fullscreen in the browser.

The widget also needs to be set to full browser width in Muse design mode in order to display fullscreen.

by Brandon Wallace

SHOW - Responsive Video Suite

Do I always need the Toolset component on the page?

Yes. The toolset is always required, though it can be placed outside of the workspace anywhere you like.

My video is not showing up correctly when I preview in browser.

We always suggest with any video widget to try publishing or uploading a test site when troubleshooting any video issues.

by Brandon Wallace

Interactive Scale

How did you get the individual buttons to scale within the "pie slices" in the demo above? When I try, all the buttons scale at once.

The trick to getting individual elements to trigger separately within a state button is to use individual state buttons within a state button. They will trigger independent of the containing state button.

How many different types of scale effects can I use on the same page?
As many as you like!
by Brandon Wallace

Trusted by over 50,000 Muse Designers

Join now to download our entire library of templates, widgets, and tutorials Join Now