[tbingelParticipant]

I have been trying to add a Soliloquy Slider object or embed a Youtube video to one of my test pages without success.
When I paste the short-code of a Soliloquy slider within a container using the Visual Composer all I get is the short-code text of the object even though I’m using the text tab.
It works when I use the classic editor interface.
Please help.

[ChristianModerator]

Hey there,

In that case, please give us access to your WordPress admin and FTP so we could investigate.

Thanks.

[tbingelParticipant]

This reply has been marked as private.

[Paul RModerator]

This reply has been marked as private.

[tbingelParticipant]

Hi,
I already had done this several times. Such as http://www.houseofgusto.com/konut_cozumleri/
However, when I add any other items to the page using the Visual Composer the Soliloquy object disappears.
If this means that I have to use the Soliloquy solely in plain test code editing environment and not using it in conjunction with the Visual Composer then there is big problem for me as I am not a coder.
You see, my goal was to use the Soliloquy in conjunction with the tabbed navigation in key pages of my main section parents.
Any suggestions?

[tbingelParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi there,

In that case, try adding a [text] shortcode in your page and inside that, use the slider shortcode: http://prntscr.com/65uepu. This should solve the problem 🙂

Cheers!

[tbingelParticipant]

This reply has been marked as private.

[NicoModerator]

Hi There,

You can try adding this code in your Customizer’s Custom CSS

.post-6712 .entry-wrap{
background-color: transparent !important;
}

.x-nav-tabs>.active>a, .x-nav-tabs>.active>a:hover{
background-color: transparent !important;
}

.x-nav-tabs>li>a{
background-color: transparent !important;
}

.x-nav-tabs>li>a:hover{
background-color: transparent !important;
}

.x-tab-content{
background-color: transparent !important;
}

.x-accordion-heading .x-accordion-toggle.collapsed{
background-color: transparent !important;
}
.x-accordion-heading .x-accordion-toggle{
background-color: transparent !important;
}

.x-accordion-inner{
background-color: transparent !important
}

Let us know if it works.

Thanks!

[tbingelParticipant]

Thank you.
I understand that you treat each page also as a post entity since there is a post id of 6712 in this script for instance.
How would I apply this kind of a visual setting throughout the entire site? Is there a method?
You see, I am not aiming for you doing the design for me but rather trying to grasp the basics so that we proceed as the purchaser of a software tool-as intended 🙂
Two other things while we are at it. I am asking about those because I will use them in the entire site as standard;
I have added the parent ID to the accordion shortcode within the tabs but it did not help for the mutually exclusive expansion of the individual panes. What should I do?
Also, I would like to be able to set the exact color for the inactive tabs’ texts as it is hard to read them on low resolution mobile devices as they are.
I intend to learn a bit of coding so that I can get off your back 🙂
Thank you very much again.

PS: I have figured how to apply the effect globally 🙂 I just could not get the rid of band after the accordion area though.

[Paul RModerator]

Hi,

To make the code affect the entire site you can simply remove the page id or post id.

For example replace

.post-6712 .entry-wrap{
background-color: transparent !important;
}

with this

.entry-wrap{
background-color: transparent !important;
}

I am not sure what you are referring to by band after the accordion area
but you can try adding this under Custom > CSS in the Customizer.

body .x-tab-content {
     margin-bottom:0;
}

Hope that helps.

[tbingelParticipant]

Hi,
that exactly was what I meant 🙂
I could not find any setting in the admin user interface to adjust this.
What about the accordion behavior that I have mentioned previously and the text color of the active/inactive tab titles?
Thank you.

[ZeshanMember]

Hi there,

For the accordions, try adding following code under Custom > JavaScript in the Customizer and see if it resolves the issue:

jQuery(document).ready(function($) {
   $('.x-accordion-toggle[data-parent]').click(function() {
    var $this = $(this);
    var accordion = $this.closest('.x-accordion');

    accordion.find('.x-accordion-toggle:not(.collapsed)').addClass('collapsed');
    accordion.find('.accordion-body.collapse.in').removeClass('in');

    if(!$this.hasClass('collapsed')) {
      $this.addClass('collapsed');
    }
    $this.parent('.x-accordion-heading').siblings('.accordion-body.in').removeClass('in');
  });
});

Cheers!

[tbingelParticipant]

Hi,
unfortunately it did not.
Now panes do not close at all 🙂

[Paul RModerator]

Hi,

You need to put your accordion items inside your parent accordion.

This http://screencast.com/t/4j4b5qCP

Should be this http://screencast.com/t/TgQgKrJ03

Hope that helps.

[Author]

Posts