Replacing the Home Page Static Imange with GIF or Video

lmendoza

How can I replaced the static home page image (Hero module position) with a GIF or video?

saguaros

This template set a background image for that Hero section with this css rule:

#t4-hero .bg-overlay-image {
    background-image: url(/images/joomlart/hero/item-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 100%;
    background-attachment: inherit;
}

It doesn't support video type at this moment.

You will need to consider to use another video module and customize style so it can display as background there.

Regards

lmendoza

Thanks for the prompt reply. A couple of last questions: Can I use this code (you shared) in the custom.css file to modify/change the background image? And, does the image have to be .jpg or can it be .gif as well? With GIF, I could set up a "dynamic" (video-like) image (maybe 7 seconds or so).

Where do I find the Hero module code (directory)?

saguaros

lmendoza Hi

Yes, you can simply change the URL of above image to your GIF image like:

#t4-hero .bg-overlay-image {
    background-image: url(path_to_your_image.gif) !important;
}

In the hero position, it's JA ACM module: /templates/ja_symphony/acm/hero/tmpl/