Jux Petcare Keep "Hide Video" open

Hello..

How can I keep the "Hide Video" option open as static on my home page? There is an option for the user to open or close it. I want it left open. Also I'm going to either rename it or remove the heading "hide video". Thanks
a

Hello Gabrielle,
About your problem, I checked it in my local.
Please send me your site and accout via PM. I'll rewrite code help you.
Thanks.

Hello Sang,

Can you just give it to me.. so I can learn myself. Here is the code I found so far..

video-slider .toggle-slider {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
margin-top: 28px;
}
.video-slider .toggle-slider:hover,
.video-slider .toggle-slider:focus {
cursor: pointer;
}
.video-slider .toggle-slider:hover span,
.video-slider .toggle-slider:focus span,
.video-slider .toggle-slider:hover .fa,
.video-slider .toggle-slider:focus .fa {
color: #cc3333;
}
.video-slider .toggle-slider span,
.video-slider .toggle-slider .fa {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.video-slider .toggle-slider span {
text-transform: uppercase;
}
.video-slider .toggle-slider .fa {
position: relative;
top: 4px;
font-size: 26px;
}

thx

hello.. its been 5 days I'm still waiting for a response.. Thanks
a

Hi Gabrielle,
I'm so sorry for reply late.
Below is code, you can copy to file custom.css (templates/jux_petcare/css/) (if not have, you can create new)
.video-slider .video-slider-inner {
display: block !important;
}
.video-slider .toggle-slider{
display: none;
}

Hope this help you.
Thanks.

Hello Sang,

Thanks for the info.. can't wait to try. But, question. I'm new to creating a custom.css .. right now my path is (templates/jux_petcare/local/css)

Should I create the custom.css under this?

Also in former joomla templates I have inserted code in the "custom code" template. It was much easier for me to manage. But, I've never seen it like this. Can I insert the code here and if so do I insert it in "After head", or "Before Head" or "After Body" or "Before Body". Thank you.. very much

Hi Gabrielle,
- You can create file custom.css in path: templates/jux_petcare/local/css.
- You can write code in custom code template. Depending of area, it will display at different positions. However, I think you shouldn't write in it. Because it does not really effective.
Hope this help you.
Thanks.

Sang,

Well I made it work, I just need to format the sizes and margins. I had to insert it into the main template.css file. I tried to create custom from template details.. didn't work. But I might try to create the file via file manager.. on the server. Thanks
a

Hi Gabrielle,
Ok. If you have any questions, please contact us.
Thanks.

hello,

Although this code is working.. How do I remove the background gray 700 x 511 image place holders on the website? I deleted the image under "Media" but it still appears on the site in the background? (see photo I attached above in this post) Thanks
a