Docs

[EYESCOOL]

Is it possible in this theme to have a floating button or image that sits on top of the background?

we would like to add a Play trailer button in the highlighted area of the background.

Thanks for your assistance!

Dan

[EYESCOOL]

http://www.donotresistfilm.com

[Rue Nel]

Hello There,

Thanks for writing in! You can always use a button and a popup lightbox that will display the video for the users to be able to play it. Please check out any of this topics:
https://community.theme.co/forums/topic/button-video-lightbox/
https://community.theme.co/forums/topic/open-a-video-in-a-lightbox-popup/

Hope this helps.

[EYESCOOL]

But where do I add the button?

with the Custom CSS home page i don’t have a page to put the button in, I don’t know where are can add it.

http://www.donotresistfilm.com

Thanks for your help.

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[EYESCOOL]

This reply has been marked as private.

[Friech]

Hi There,

Edit your page in Cornerstone, and add the button shortcode on a RAW content element.

[x_button class="btn-lightbox my-btn" href="VIDEO URL HERE" title="A Video" size="mini" lightbox_video="true"][icon type="play-circle"]Watch Our Demo[/x_button][lightbox selector=".btn-lightbox"]

Hope it helps, Cheers!

[EYESCOOL]

HI Friech that adds a button to open a video in a light box. I understand that, the problem is with my custom CSS I have no page to put that on.

Joao, were you able to login and take a closer look?

Thanks for your time and assistance!

[Friech]

Hi Dan,

Custom CSS can be added on Appearance > Customize. Then on Customizer under the Custom panel add your code on the Global CSS.

If this is not what you’re looking for, then please clarify what you’re trying to do.

Thanks.

[EYESCOOL]

HI Friech. I have added custom CSS to my site to customize into its current state, using the customizer

The code you gave me will not add a button to my home page. from what i can tell. i can add your code to a post or a page and it will create a button that will open in a light box.

But what I would like is a button on my home page that sits over the image, that the trailer can be launched from.

Thanks again

[Friech]

Hi Dan,

Thanks for the clarification, please add the button on your page first. And let see what custom CSS we can apply to position the button where you need it to be.

Thanks.

[EYESCOOL]

My problem is I have no page to put it on because my custom CSS script removes the front page completely:

div#top {
background: url(“http://www.donotresistfilm.com/wp-content/uploads/2016/08/DNR_Back_81516.jpg”) no-repeat;
background-size: contain;
background-position: 50% 35%;
}

.home .x-main.full {
display: none;
}

.home .x-container.max.width.offset {
min-height: 450px;
}

.x-navbar {
border-bottom: 0px;
box-shadow: none !important;
}

.home footer.x-colophon.bottom {
margin-top:200px !important;
}

[Joao]

Hi There,

Please remove:

.home .x-main.full {
display: none;
}

And Add instead:

.entry-wrap {
     background: transparent;
    box-shadow: none;

}

Now your content has no background and you can add the button.

Hope that helps

Joao

[EYESCOOL]

Thanks for your help we are getting close.

But that makes every page transparent to you can read any of the other pages.

Is there a way to just make the home page transparent and not effect the rest of the site?

Thanks!

Dan

[Joao]

Hi Dan,

Please use this code instead:

.home .entry-wrap {
  background: transparent;
  box-shadow: none;
}

Hope that helps

Joao

[Author]

Posts