TheTheme99

TheTheme99 supports this item

Supported

This author's response time can be up to 1 business day.

9 comments found.

Nice style kit.

1.how do i make the slider Full Screen, i have set it to full screen in the layers customize but no luck. https://nimbus.everhelper.me/client/notes/share/275776/icy3WUG8ArOH8Xp7I5W61haRGzB758GA/

2. How do i make the play button clickable, only the background image is clickable now.

https://nimbus.everhelper.me/client/notes/share/275779/JEVVmet0KUB6ba43N7E9hUAgTB1C50GO/

Providing CSS or code to fix with instructions would be appreciated.

Hi! Thank you for your purchase.
So:
1. Go to: Layers – Layers pages – Home page 1 – Edit – Edit your page – CSS and delete it (line 328):
.home-1 { height: 650px !important; }

.home-1 .swiper-wrapper { height: 650px !important; }


2. On the panel Excerpt open the edit mode code and replace with the following:

<p><a class="video-full" href="https://www.youtube.com/watch?v=onNsmWLpRM4" rel="wp-video-lightbox" title=""><img alt="YouTube" class="tube-preview fr-dii fr-fin" height="486" src="http://theme.thetheme99.com/wp-content/uploads/2015/08/bg2.jpg" /><div class="wpvl_playbutton fr-dii fr-fin">button</div></a></p> <p class="listen"><a class="video-full" href="https://www.youtube.com/watch?v=onNsmWLpRM4" rel="wp-video-lightbox" title="">listen about us</a></p> <p><br /> </p>

Advanced – custom css Replace all the code in the next

.wpvl_playbutton { display: block; position: absolute; top: 50%; left: 50%; margin-left: -42px; background: url(http://theme.thetheme99.com/wp-content/uploads/2015/08/play.png); width: 84px; height: 84px; } .wpvl_playbutton:hover { background: url(http://theme.thetheme99.com/wp-content/uploads/2015/08/play_h.png); } .video-full, .video-full:hover { position: relative; display: block; width: 100%; height: 100%; color: transparent; } .wp-video-lightbox { width: 100%; } .tube-full .container { max-width: 100%; padding: 0; } .tube-preview { max-width: none; height: 486px; } .listen { position: absolute; top: 28%; font-size: 30px; color: #fff; font-family: Montserrat !important; font-weight: bold; width: 100%; text-align: center; text-transform: uppercase; } .listen a { color: #fff; }
http://theme.thetheme99.com/wp-content/uploads/2015/08/play_h.png
Where is the link to your picture in Hover. Replace with your own.
In the near future we will release updates!
Any questions.Have a nice day!

Thanks, i got the updated version which addresses this.

By the way , i have the latest Layers and wordpress version

How do i remove ONLY THE WHITE LINES that are going across the images in the slider? I am guessing it is some where in the css. Thanks

Hi!
White lines are not elements in the css. If you need the picture without them, leave your mail.
Good weekend!

I would like to use my own images. Can you please give me css to create a filter over my own slider image so that the words are more visible.

Unfortunately, we did not use filters. All images have been edited manually in Photoshop.

XFly

XFly Purchased

Really nice kit! GLWS!

Thank you for your purchase and comment!
Any questions!

When installing/importing this theme, will the demo content shown in the live preview automatically be imported?

Hi!
If you perform the installation according to the instructions, of course, yes.
=)

can the top menus be shown on this? also is it easy to change colours?

Hey! yes, you can change menu colors in the layers css and you can also set the menu, which is shown in the preview. Any questions!

How to set the menu in the preview?

Hi! You can see our tutorial (7:48) https://www.youtube.com/watch?v=tcC7czcawsY&feature=youtu.be If you still have any questions you can write to our mail.

Nice theme.

I have an issue with the Portfolio, is there any way the images will not be stretched when viewing on a mobile? (2 column layout)

http://www.benbrownson.com/portfolio/

And on the Works section my images aren’t stretching across the full width they seem to be left aligned. Any help would be great

Thanks,

Hi! For Works you can add margin: 0 auto in class .grid For 2 column layout you can change width in .span-5, .span-6 For any questions please contact us by e-mail. Have a good day!

Thanks!

by
by
by
by
by
by