SirMrDoctorTim

Thank you for the response!

Added
background-position:0% 50%;
and it’s displaying perfectly.

Good Morning,

I have successfully replaced the arrow image (thanks for the .psd file!), and, unfortunately, I am having issues with moving the file around via CSS. I currently have

.collapseomatic {
    background-image: url(https://algebranation.com/wp-content/uploads/2012/11/arrow_24x26-copy.png) !important;
padding: 0 0 0 16px;
}
.colomat-close {
    background-image: url(https://algebranation.com/wp-content/uploads/2012/11/down_arrow-2-copy.png) !important;
}

and the page is located at https://algebranation.com/teachervideos/ (password is algebranation2012).

Basically, I cannot figure out how to move the arrow down so that it points to the center of the letter. Thanks so much for your help on this!

So I figured it out: as long as i have https://vimeo.com, instead of https://vimeo.com, the pop up shows up!

Thanks so much for the help.

After ticking Settings > Media > Enable FancyBox for > Vimeo, I was able to get it to pop up perfectly.

However, I’ve changed the image and video and I’m still having the same issue.

HTML in the widget goes:
<a href="https://vimeo.com/50063636" class="fancybox-vimeo"><img width="450" src="https://algebranation.org/development/wp-content/uploads/2012/09/Screen-Shot-2012-09-24-at-10.50.42-AM-copy.jpg"></a> I’ve also tried without class="fancybox-vimeo" along with emptying the cache.

And here’re a couple screen shots of what I’ve changed to make it show up: https://i.imgur.com/uvXbl.png & https://i.imgur.com/tWEdw.png

Thanks again!