Visual composer code in Header Banner

[wbz]

Hello,

I tried adding a visual composer code on the header banner content but it doesn’t show up when i preview the page. I attached the visual composer code to show a carousel of groups on the top right.

The kleo documentation says “…create some elements using Visual Composer in a page, go to Classic view and copy the code from there”.

Any ideas?

 

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, maybe try adding it to Text not to Visual ( in the editor )
Let me know 🙂

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 🙂

[wbz]

Hello Laura,
I added the code to the text editor but it still didn’t show in the frontend.

This is the code i added
[vc_row][vc_column][kleo_bp_groups_carousel type="random" number="20" min_items="1" max_items="5" image_size="thumb" autoplay="yes" item_width="150"][/vc_column][/vc_row]

I also tried [kleo_bp_groups_carousel type="random" number="20" min_items="1" max_items="5" image_size="thumb" autoplay="yes" item_width="150"]

but same result.

[Laura]

Hello, then you might need to edit the php code of the header.php in the child theme with an echo do_shortcode
I can help you with that if you share ftp credentials but as you are in localhost its difficult.

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 🙂

[wbz]

Ooops…can you pls share the code so i can try it out 🙂

[Laura]

Hello, well you could use the following:
https://developer.wordpress.org/reference/functions/do_shortcode/ ( User Contributed Notes )

Basically, you need to wrap the code with <script> </script> tags, so you can use it at header.php
Would be something like:

COPY CODE

<script>
echo do_shortcode( '[vc_row][vc_column][kleo_bp_groups_carousel type="random" number="20" min_items="1" max_items="5" image_size="thumb" autoplay="yes" item_width="150"][/vc_column][/vc_row]' );
</script>

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 🙂

[wbz]

Thanks Laura….I will try it out.

[Author]

Posts