Customizing the Full Responsive Video Shortcode CSS

[Jackcoldrick]

Hi Guys,

I’m having trouble implementing something and wondering if you could offer some assistance. I’m using the SPB. I’ve added a row element and set it to Standard Width Content. Within this row element I’ve then placed a text block and called the following Shortcode:

[sf_fullscreenvideo type=”text-button” btntext=”Click Here to watch my video” imageurl=”” videourl=”http://vimeo.com/78033138″%5D

This generates this HTML

<a href="#" class="fw-video-link fw-video-link-text sf-button sf-icon-stroke accent " data-video="http://player.vimeo.com/video/78033138?title=0&byline=0&portrait=0&autoplay=1&wmode=transparent"><i class="ss-play"></i><span class="text">Click Here to Watch My Video</span></a>

However, what I’m ideally looking for is something along these lines: (see attached)

Is there an easier way for me to achieve the Full screen responsive video?? and Ideally to replace the icon being used ss-play to fa-play!!

Thanks

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide the link to that page so we can try to figure out some css to enlarge the button?
Thanks

-Rui

[Jackcoldrick]

Hi Rui,

managed to get the CSS to customize the button however I’d still like to be able to use the font awesome play icon rather than the gizmo icon. Any way I can specify this for a Full Screen Video Button?

[Rui Guerreiro – SUPPORT]

Can you provide me the link so I can check?

-Rui