Docs

[Rue Nel]

Hello There,

Thanks for the updates! I have check your css and nothing no issues found. We will just wait for your staging area so that we can have a thorough inspection and find out what is causing the issue in your site.

Please let us know once the staging site is ready. Thank you.

[Ony]

This reply has been marked as private.

[Rad]

Hi there,

How did you move it? I can still see URLs from 127.0.0.1, cornerstone will not really work when URLs are not properly changed. Try migrating or cloning your site to dev by using All in one migration plugin, it will replace all URLs safely. Plus, the javascript code is converted to this,

(function($){
  // column 1
  $(\'<a id=\"link1\" href=\"http://127.0.0.1/zoofix/club\">\').insertBefore(\'#linked-column-1\');
  $(\'#linked-column-1\').prependTo( $(\'#link1\') );
  
  // column 2
  $(\'<a id=\"link2\" href=\"http://127.0.0.1/zoofix/lounge\">\').insertBefore(\'#linked-column-2\');
  $(\'#linked-column-2\').prependTo( $(\'#link2\') );

  //.... and more...
})(jQuery);

(function($){
	$( \"#column1\" ).wrap( \"<a class=\'x-1-2\' href=\'http://127.0.0.1/zoofix/club\' target=\'_blank\'></a>\" );
	$( \"#column2\" ).wrap( \"<a class=\'x-1-2\' href=\'http://127.0.0.1/zoofix/lounge\' target=\'_blank\'></a>\" );
})(jQuery);    

It became invalid due to added backslashes. There something on your migration process, let’s fix that first.

Thanks!

[Ony]

This reply has been marked as private.

[Rue Nel]

hello There,

To have a transparent tabs and accordion, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

#cs-content .x-accordion-group,
#cs-content .x-nav-tabs {
    background-color: transparent;
}

#cs-content .x-accordion-heading .x-accordion-toggle.collapsed, 
#cs-content .x-nav-tabs > li > a,
#cs-content .x-accordion-heading .x-accordion-toggle:before {
    color: #fff;
}

Hope this helps.

[Ony]

Hi there,

That somewhat worked! The accordion tabs are transparent, and the tab’s header are transparent. I was wondering how I could make them rgba(0,0,0,0.3) I would also like the inner parts to be semi transparent as well, and the text font color to be different.

Thank you so much for all the help, you guys are amazing!

Best,
Ony

[Rue Nel]

Hello There,

Thanks for the updates!

To change the colors with rgba format, please update the code and use this instead:

#cs-content .x-accordion-group,
#cs-content .x-nav-tabs,
#cs-content .x-nav-tabs>li>a {
    background-color: rgba(0,0,0,0.3);
}

#cs-content .x-nav-tabs>.active>a, 
#cs-content .x-nav-tabs>.active>a:hover {
    background-color: rgba(0,0,0,0.65);
}

#cs-content .x-accordion-heading .x-accordion-toggle.collapsed, 
#cs-content .x-nav-tabs > li > a,
#cs-content .x-accordion-heading .x-accordion-toggle:before {
    color: #fff;
}

#cs-content .x-accordion-heading .x-accordion-toggle {
   background-color: rgba(0,0,0,0.65);
   color: #fff; 
}

#cs-content .x-tab-content,
#cs-content .x-accordion-inner {
    background-color: rgba(0,0,0,0.3);
    color: #fff !important;
}

Hope this helps. Please let us know how it goes.

[Ony]

I’ve been struggling with this issue for some time now and you guys have made my life 10x better.

It’s all working well now!

Thanks to the X team for being so awesome!

Best,
Ony

[Nico]

Hi There,

Happy to hear that. You are awesome as well.

Feel free to ask us again.

Thanks.

[Author]

Posts