Reply To: Hide and Show Section

[Laura]

Hello, changed 🙂
To add this to any other website, you should paste it in text editor as:

COPY CODE

[vc_accordion collapsible="" disable_keyboard="" icons_position="to-left" active_tab="false"][vc_accordion_tab icon="play-circled" icon_closed="play-round-circled" tooltip_position="left" tooltip_action="hover" title="Explore the Woodbriar Advantage" el_id="videorow"][vc_raw_html]

JTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlb2QlMjIlM0UlM0NpZnJhbWUlMjB3aWR0aCUzRCUyMjg1MyUyMiUyMGhlaWdodCUzRCUyMjQ4MCUyMiUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGd3d3LnlvdXR1YmUuY29tJTJGZW1iZWQlMkZGdG9tX2U3TFJpQSUyMiUyMGZyYW1lYm9yZGVyJTNEJTIyMCUyMiUyMGFsbG93ZnVsbHNjcmVlbiUzRSUzQyUyRmlmcmFtZSUzRSUzQyUyRmRpdiUzRQ==

[/vc_raw_html][vc_raw_html]

JTNDZGl2JTIwY2xhc3MlM0QlMjJtb2JpbGV2JTIyJTNFJTNDaWZyYW1lJTIwd2lkdGglM0QlMjI4NTMlMjIlMjBoZWlnaHQlM0QlMjIxMDAlMjUlMjIlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRnd3dy55b3V0dWJlLmNvbSUyRmVtYmVkJTJGRnRvbV9lN0xSaUElMjIlMjBmcmFtZWJvcmRlciUzRCUyMjAlMjIlMjBhbGxvd2Z1bGxzY3JlZW4lM0UlM0MlMkZpZnJhbWUlM0UlM0MlMkZkaXYlM0U=

[/vc_raw_html][/vc_accordion_tab][/vc_accordion]

And in the page CSS

COPY CODE

.panel1 .panel-title a {
    color: white !important;

}
.panel1 .wpb_wrapper {
    background-color: #236a95;
}
.panel1 .panel {
    background-color: #236a95 !important;
}
.panel1 .panel {
    margin-left: 2%;
}
.panel1 .panel {
    border: none !important;
}
span.icon-closed.icon-play-round-circled:before {
margin-top: 3%;
    position: absolute;
    margin-left: 46.6% !important;
    color: white;
    font-size: 23px;
}
.panel-heading {
    height: 80px;
}
span.icon-opened.icon-play-circled:before {
margin-top: 3%;
    position: absolute;
    margin-left: 46.6% !important;
    color: white;
    font-size: 23px;
}
.wpb_video_wrapper {
    width: 70%;
    margin-left: 13%;
}
.panel-body {
    border: none !important;
}
.text4 a:hover {
    color: #236A95 !important;
}
.testimonial-meta {
font-size: 14px !important;
}
.post-meta {
    display: none !important;
}
.news-highlight article {
    width: 49% !important;
    float: left;
    padding-right: 15px;
}
@media (max-width: 991px) {
span.icon-closed.icon-play-round-circled {
    margin-top: 8% !important;
    margin-left: -5% !important;
}
span.icon-opened.icon-play-circled {
    margin-top: 8% !important;
    margin-left: -5% !important;
}
.mobilev {
    display:block !important;
}
.videod {
    display:none;
}
span.icon-closed.icon-play-round-circled:before {
    margin-top: -3% !important;
}
span.icon-opened.icon-play-circled:before {
margin-top: -3%;
}
}
.mobilev {
    display:none;
}

Also attached as a text file

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

Attachments:

1. VIDEO-ACCORDION-CODE.txt