{"id":7600,"date":"2014-07-10T16:15:04","date_gmt":"2014-07-10T23:15:04","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=7600"},"modified":"2015-08-13T15:33:09","modified_gmt":"2015-08-13T22:33:09","slug":"5-minute-website-fixes-improve-your-business-website-with-a-custom-slider","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/5-minute-website-fixes-improve-your-business-website-with-a-custom-slider\/","title":{"rendered":"5-minute website fixes: Improve your business website with a custom slider"},"content":{"rendered":"

A successful website owner will consistently wonder how they can better their business, and how they can make their website stand out even more. We have an exciting new tip for this week’s 5-minute fix, showing readers an easy way to boost their online presence from good<\/em> to jaw dropping<\/em>.<\/p>\n

How,<\/em> you ask?<\/p>\n

By adding a custom slider, and here we have all of the details how.<\/p>\n

Due to their range\u00a0of responsive options, we will be using ComSlider<\/a> for today’s 5-minute fix. Upon landing on their page, go ahead and quickly register in the upper right hand corner.<\/p>\n

\"Registering<\/p>\n

Once you’ve registered, you’ll see ComSlider has a variety of different templates for you to choose from as you scroll down the page. \u00a0Select your favorite one and we’ll get going.<\/p>\n

\"Selecting<\/p>\n

Once you’ve selected a template, the fun begins! Click the “Upload Image” button in the upper left hand corner, and upload as many images on your slider as you’d like displayed. For the sake of this example, I’ll go with two.<\/p>\n

\"Adding<\/p>\n

Next up: Customizations. On the left hand side, you’ll see a variety of effects under “Transitions.” This is how your pictures will slide from one to the next. Because responsive websites are so important these days<\/a>, your transition should be responsive as well.<\/p>\n

Be sure to set your transition preferences under “Mobile” tab on the Transition property panel. Then you will be able to set “Responsive” checkbox on the Layout property panel (this option is located above “Transitions”).<\/span><\/p>\n

Feel free to flip through various effects, clicking “Apply” (located at the bottom of the panel) to test out how they look.<\/p>\n

\"Adding<\/p>\n

Now that you’ve decided on a transition, customize your navigation. These customizations will vary from template to template. Go ahead and try out different Types, Positions and Colors to really make it your own.<\/p>\n

\"Customizing<\/p>\n

Once you’ve made some basic customizations to your slider and you like the way it looks, copy the HTML code listed below your slider to your clipboard (you will be pasting it to your website next).<\/p>\n

\"Copying<\/p>\n

Next, hop into Yola Sitebuilder, and drag and drop your HTML widget (Located in Widgets>Popular>HTML) onto your page, pasting the HTML code inside and hitting save.<\/p>\n

\"Adding<\/p>\n

Voila! Your own custom slider!<\/p>\n

\"Screen<\/a><\/p>\n

As you can see, creating a business website is a cinch with Yola. Check out our Yola Silver<\/a> package and get your online business up and running in no time.<\/p>\n

Have you made your own custom slider? Show us yours by linking to your website in the comments below!<\/p>\n","protected":false},"excerpt":{"rendered":"

With this week’s 5-minute website fix, learn how to wow your site visitors by adding a custom slider to your business website.<\/p>\n","protected":false},"author":24,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[130],"tags":[834,782,832,835,833],"class_list":["post-7600","post","type-post","status-publish","format-standard","hentry","category-site-building","tag-5-minute-website-fix","tag-business-website","tag-custom-slider","tag-improve-your-business-website","tag-website-stand-out"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\n\t\t\n