techmaverick85

Hi again! I got around the issue! But it had one major flaw, which I've sort of got around, but have unearthed another problem. Basically, the slider I'm creating needs a base slide that's open when you're not on the current button (which I didn't realise until celebrating figuring out the first issue and thinking I could put this behind me!) The issue is, is that I need to keep the slide open if the visitor hovers on the slide itself (not the button). Currently if you hover over the slide, it changes correctly, but then if you move your mouse to the slide in question, the slide disappears. I think my brain is seriously frazzled as this doesn't seem that complex... If you've got any ideas on this I would seriously appreciate them!

Wow, I've never seen this before... ever: width: calc(50% - 2px); Is that straight CSS or SCSS/LESS?

OK, I'll check it out. I might go down that route, but was hoping to use the native bootstrap stuff. Thanks D4YO

Yeah it's there now... I've reverted it to when I had just added a bit from your code: $('.home-feature-right-content').css('opacity', 0); I think it might even be a case of using the slide-index again. JS is here: http://classroommonitor.smarter.uk.com/wp-content/themes/classroom-monitor-child/assets/js/custom.js?ver=1.0 Just go to http://classroommonitor.smarter.uk.com for the homepage. Thanks again

Hey D4YO, Wow, I've just tried an adaptation of your code and I'm slapping myself in the face - great stuff, thank you very much. Thank you very much for actually looking at the site too. It very very very nearly works now. The only slight issue is that by default, slide 1 is visible at the start. When I then hover over it, it disappears, until I hover over other. Very very minor, I know but I can't quite figure out how to fix it. It's literally just slide 1 that needs to be exempt from opacity: 0 on the first hover... maybe something like a rule to say if it HASN'T got the active class... then fade... I just can't quite figure it out... Any ideas? My JS file is here, and the line I added from your example is on line 9. If you see weird stuff going on it's just me trying to figure this out http://classroommonitor.smarter.uk.com/wp-content/themes/classroom-monitor-child/assets/js/custom.js?ver=1.0

Another +1 for WooCommerce. It just 'works'...

If you haven't got a huge site then this plugin is perfect: http://wordpress.org/plugins/wordpress-backup-to-dropbox/ Get a free dropbox account (luckily I got a lot of space with my Samsung phone) and then use this to backup. I would schedule it to run when you anticipate the fewest number of visitors - I run my UK sites at 1AM and my US sites at 1AM Eastern Time. Not only does it work when you back it up, but I've actually had to restore a few times and it's been perfect.

Hi guys and gals, Although I've been a 'lurker' for a while, I finally jumped in and registered. I have an issue that has got me stumped and I would be very grateful if someone might be able to assist. The website I have is here: http://smarter.uk.com/current-project (currently in dev) and I'm trying to get the carousel to change when you mouse over a thumbnail (on the left) but also to fade in. The issue I'm getting is that the first time I mouse over, the item fades in, but the second time you do it on the same item, it doesn't fade (the "opacity: 1" is 'stuck'). Does anyone have any experience with this. I'm using jQuery for the fade as it needs to be as backward compatible as possible... it's frustrating as a few lines of CSS3 would have this working perfectly (on modern) browsers. Thanks in advance TM