To setup SoundCloud on the homepage, you have several options but here are 2 easy options:
1) Embedding the player into a text area widget Go to soundcloud.com. follow this FAQ to embed the player. http://help.soundcloud.com/customer/portal/articles/243751-how-can-i-put-my-sound-on-my-site-or-blog-
Once the iframe code is copied into your clipboard, go to wp-admin > appearance > widget. Drag/drop the TEXT widget into your homepage one or two column zone. Paste the iframe code into the box. Here's a screenshot: http://d.pr/i/ZzLb
2) Use a SoundCloud player plugin/widget:
Install a plugin such as SoundCloud is Gold (see screenshot: http://d.pr/i/I7pK ) Activate the widget then go to Appearance > Widgets and drag/drop the widget on your homepage one or two column zone.
1) Paste this code into Custom CSS field. This will tell your theme to load a custom font.
@font-face {
font-family: 'MyWebFont';
src: url('http://yoursite.com/fonts/webfont.eot'); / IE9 Compat Modes /
src: url('http://yoursite.com/fonts/webfont.eot?#iefix') format('embedded-opentype'), / IE6-IE8 /
url('http://yoursite.com/fonts/webfont.woff2') format('woff2'), / Super Modern Browsers /
url('http://yoursite.com/fonts/webfont.woff') format('woff'), / Pretty Modern Browsers /
url('http://yoursite.com/fonts/webfont.ttf') format('truetype'), / Safari, Android, iOS /
url('http://yoursite.com/fonts/webfont.svg#svgFontName') format('svg'); / Legacy iOS / }
Just put absolute paths to your font files. Note that you need to have different file formats since some browser will use only certain file type as explained here https://css-tricks.com/snippets/css/using-font-face/
2) Then use this CSS code by placing it inside Custom CSS field as well for the specific CSS class you want to use the font:
body, h1{font-family: 'MyWebFont', sans-serif;}
The example above will use the custom font called "MyWebFont" for the Body and H1 class.
Another option is use the plugin called: "Use Any Font". Some customers have recommended it but we didn't test it.
Sometimes, your texts and images do not behave exactly how you'd like.
99% of the case, its because you havent checked or noticed the settings for the responsive settings in Revolution Slider.
First, make sure its enabled by going to Slider Settings > and enable "Custom Grid Size" buttons on the devices you want to have control on. See screenshot: http://d.pr/i/vJstcF
Once its enabled, edit your slide and you will new sets of device icons show up in your screen. See screenshot: http://d.pr/i/EI6JsE
Now check the video below for a full tutorial: