Is it possible to switch the images that slide in

WordPress theme dedicated to start-up websites with amazing CSS3 animated icons, price tables and parallax effect background.
GK User
Fri Jun 21, 2013 2:46 am
I would like to switch out the images that slide in on the home page. Also, it seems like the image of the macbook pro isnt optimized for all screen resolutions. How can I resolve this issue?
User avatar
Fresh Boarder

GK User
Fri Jun 21, 2013 7:26 am
Hi,

To switch out images you have to edit text widget content. E.g to change macbook pro image edit
Code: Select all
<img src="[pageurl]/wp-content/themes/Simplicity/images/demo/demo_notebook.png" alt="Notebook">
on Bottom I widgets position.

I checked this image and it's ok, which resolutions do you mean? it adapts to desktop, tablet, on mobile devices this image is hidden.
User avatar
Moderator

GK User
Fri Aug 02, 2013 10:44 am
Hi,

Is it possible to add sliding images to pages or is it only possible in widgets?

Thanks
User avatar
Fresh Boarder

GK User
Fri Aug 02, 2013 1:44 pm
Hi,

It's possible on pages too, but remember that images slides when you start to scroll page. Just paste code from text widgets
Code: Select all
<div class="gk-horizontal-slide">
<div class="gk-horizontal-slide-left-column">
<h2>Joomla! and WordPress blog theme
inspired by Metro Windows 8 UI</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget elit eu velit vehicula feugiat. Integer viverra metus vitae lectus dictum eleifend. Lorem ipsum dolor sit amet. Donec viverra lobortis feugiat. Sed id odio ante.</p>
<p>Duis bibendum metus eu urna placerat mattis! Duis bibendum tempor massa at tristique. Integer viverr metus vitae lectus dictum eleifend amet.</p>
<p><a href="#" class="btn">View Details</a></p>
</div>
<div class="gk-horizontal-slide-right-column">
<img src="[pageurl]/wp-content/themes/Simplicity/images/demo/demo_notebook.png" alt="Notebook">
</div>
</div>

to page. (switch to HTML view)
User avatar
Moderator

GK User
Fri Aug 02, 2013 6:28 pm
Thanks.

Just a last question - since i want to place the image at the top of the page, where there is some empty space, how can I make the image slide when the page loads, cuz otherwise it makes no sense (in my case) :)
User avatar
Fresh Boarder

GK User
Sat Aug 03, 2013 4:13 pm
It requires a lot of work with jQuery (js/gk.scirpt.js file), you have to change scroll function, in this theme animation of images starts when you are scrolling the site, so i think that easier way is to use some slider plugin/widget.
User avatar
Moderator

GK User
Mon Aug 05, 2013 9:27 am
I thought so as well... Thank you for your time :)
User avatar
Fresh Boarder


cron