Support Offline: Mon - Fri / 08:00am - 05:00pm (GMT +7)
Your Time: Our Time:

question-circle Jux Petcare Keep "Hide Video" open

More
8 years 8 months ago #11439 by AGab
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
Attachments:

Please Log in or Create an account to join the conversation.

More
8 years 8 months ago #11450 by Sang Manh
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.

Sang Manh

Please Log in or Create an account to join the conversation.

More
8 years 7 months ago #11526 by AGab
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

Please Log in or Create an account to join the conversation.

More
8 years 7 months ago #11607 by AGab
hello.. its been 5 days I'm still waiting for a response.. Thanks
a

Please Log in or Create an account to join the conversation.

More
8 years 7 months ago - 8 years 7 months ago #11608 by Sang Manh
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.

Sang Manh
Last edit: 8 years 7 months ago by Sang Manh.

Please Log in or Create an account to join the conversation.

More
8 years 7 months ago #11631 by AGab
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


Attachments:

Please Log in or Create an account to join the conversation.

More
8 years 7 months ago #11635 by Sang Manh
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 Manh

Please Log in or Create an account to join the conversation.

More
8 years 7 months ago #11636 by AGab
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

Please Log in or Create an account to join the conversation.

More
8 years 7 months ago #11648 by Sang Manh
Hi Gabrielle,
Ok. If you have any questions, please contact us.
Thanks.

Sang Manh

Please Log in or Create an account to join the conversation.

More
8 years 5 months ago #12934 by AGab
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

Please Log in or Create an account to join the conversation.

Moderators: Jackie
Time to create page: 0.393 seconds
Powered by Kunena Forum