Accordionza JS plug in

We’re trying to get an accordionza slider installed and we’re running into compatibility issues.

Here are the instructions we are trying to follow:
http://geertdedeckere.be/shop/accordionza/

We installed the Head script and the css, but can get it to render or install as a valid plug in.

Can’t see a way to submit a private reply, so not providing log in yet.

Hey DAW Digital,

Welcome to the BB forums! :slight_smile:

The first post can’t be set as private. Go ahead and share temp admin access via a private reply(checkbox on the bottom) so we can take a look.

Ben

[Content Hidden]

Hey DAW Digital,

I tried logging in but it says incorrect password. Could you double check? Also, try not including the jQuery and easing script on the head section. jQuery is already being loaded by WP, having a second instance loaded would cause issues which I believe is what’s happening on your end. Give it a shot and let us know how it goes! :slight_smile:

Ben

[Content Hidden]

Hey DAW Digital,

This is a jQuery plugin so we can’t install it like a normal WP plugin. Have you already purchased the product? If so, I think it would be best if you take this up with its author.

Ben

[Content Hidden]

Yep, was gonna suggest the same. There should be plenty of WP plugins for sliders. Good luck in your search and have fun! :slight_smile:

Ben

Similar issue with CSS- I can’t seem to get a gradient background CSS to render. Any idea why?

Hey DAW Digital,

Do you mind sharing the CSS code as well as the page you’re trying to apply it on so we can take a look?

Ben

Loaded it through the customize -> Code -> CSS on the page:
http://wp.metrocleanonline.com/wp-admin/index.php

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 /
background: rgb(229,229,229); /
Old browsers /
/
IE9 SVG, needs conditional override of ‘filter’ to ‘none’ /
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /
FF3.6+ /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /
Chrome,Safari4+ /
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /
Chrome10+,Safari5.1+ /
background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /
Opera 11.10+ /
background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /
IE10+ /
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /
W3C /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#e5e5e5’, endColorstr=’#ffffff’,GradientType=0 ); /
IE6-8 */

Hey DAW Digital,

You’re not targeting any classes. You need to target a class where you want to apply that background. If you need CSS tuts, feel free to check the link below.
http://www.w3schools.com/css/

Ben

Ok- got that figured out. What class do I use and WHERE to I enter it to get the menu to render my typekit font? It’s working everywhere else except the top menu.

Hey DAW Digital,

Try targeting .fl-page-bar a, and you can place this styling on the same spot, Appearance > Customize > Code > CSS Code.

Ben