1 year, 8 months ago spswebservicesParticipant
I am working on a clients website using your Specular Theme. Everything looks great, but the client slider gives me a slight headache and I am hoping you can help me with this.
I am trying to display a row with 6 items in a carousel. I found the file specular/js/main.js and changed the number of items to 6, but it just doesn’t display right. It shows 4 1/2 images, which is due to the current website width setting, but it also doesn’t display the left and right arrows anymore. Something’s messed up here and I can’t figure out what it is.
Also, I wanted to put the max side width to 1060px and set the container width to 100% in the Specular theme options, but that just makes the client slider act out even more. It’ll display 3 items very large, once you resize the browser window just a little it’ll show all 6 items but not the way they should be displayed… And: still no navigation arrows.
I would greatly appreciate you taking a look at the page and telling me what I’m missing here..
Don’t know if it’s important, but my main screen has a resolution of 1920×1080 pixels, maybe there’s some css code which gets applied for that resolution…
The URL so the page is: http://steffiburkhart.com/startseite_neu
The password is: InProgess
Thanks so much!
1 year, 8 months ago MihailaKeymaster
What part of the code did you edit in file js/main.js? I suggest you try this: find functon:
codelessLayoutChanges()and edit the column value in this line:
if(container > 940) self.innerWidth( (wpb_column/5)+'px');
to 6. It will show up 6 items of clients in client carousel and it will not break down the layout.
Let us know.
You must be logged in to reply to this topic.