Mikec1uk

Have a look at this jQuery plugin. https://kreaturamedia.com/layerslider-responsive-jquery-slider-plugin/ Will help you achieve those effects.

Looks like you are trying to use the jQuery load function and mixing it up. You could just do $(document).ready(function(){ alert("jQuery Loaded!"); $(document).on("click", function(){ alert("clicked"); $('body').load("../html/confirmation.html body", function(){ // then do what else you want to do here - e.g. slide down etc. }); }); });

You'll need to make the iframes responsive. So remove the width and height attributes from each and wrap each iframe in a div like so: <div class="iframeWrapper"> <iframe src="https://www.youtube-nocookie.com/embed/S0ROOivn_rc?&color=white&rel=0&showinfo=0&theme=light&iv_load_policy=3" frameborder="0"></iframe> </div> Then use the CSS below to make it responsive: .iframeWrapper { height:0; overflow:hidden; padding-bottom:56.25%; position:relative; } .iframeWrapper iframe { height:100%; left:0; position:absolute; top:0; width:100%; }

Do you need a plugin for this? Can you not just create a custom post type for suppliers and use advanced custom fields to create fields for the custom data?

I've been using a Windows PC forever and spent the last 4 years freelancing using a 17" Sony Vaio. Like rbrtsmith I resisted getting a Mac. However, fed up of the small screen I upgraded to a 27" 5k imac this week and I couldn't be happier with it. The huge screen is great. The trackpad 2 is good and I find it much better than a mouse. The gestures make everything much quicker. Things do look different on the imac compared to my laptop. But this is mainly just the colours - they look amazing on the new screen. I actually see what the designer sees now. Size wise, the display is scaled. So if you are viewing it on the standard setting, you are actually seeing a resolution of 2560 x 1440. If everything were in 5k it would be tiny! So I expect designing in it would be fine. I have found myself more productive and I got used to it so quickly, despite being a different OS. Only problem I have at the moment is I keep pressing the @ symbol rather than the " when coding as they are in opposite places on the keyboard. I wouldn't go back to a PC now.

Adobe Creative Cloud: https://creative.adobe.com/plans 20% off annual plan paid annually or monthly until end of today

Should be $("a.firstimg, a.secondimg").fluidbox();

It looks like the url to your image should be: background-image: url("../../images/arrow.svg"); As that's where your other images seem to be located. E.g. http://www.take-a-moment.com/images/ However, even then your image doesn't load. Are you sure you have arrow.svg in your images folder?

Hey, To change the dropdown to white, change: .site-header { background-color: #fff; opacity: 0.8; filter: alpha(opacity=80); left: 0; letter-spacing: 1px; position: fixed; top: 0; width: 100%; z-index: 999; } To: .site-header { background:rgba(255,255,255,1); left: 0; letter-spacing: 1px; position: fixed; top: 0; width: 100%; z-index: 999; } At the moment you have the header with an opacity of 1, which means all of the child elements will also look opaque. Using rgba for the background you can just target the header background colour and not the whole element. The speed of the site if fine for me, but then I am on 200MB Virgin Broadband.

You mean you just need to target all inputs with the class 'hello'. If so, syntax is just: $('form > .hello').each(function() { if ($(this).val() == '') { empty = false; } })

Personally I never use a plugin slider. Like rbrtsmith said, use a custom post type or an Advanced Custom Fields repeater field to create the slides. Then you can integrate it with any slider. Ones I use are usually bxSlider or owlSlider. Gives you a lot more control over everything. I find some of these plugins a lot of the time are very bloated and complicated to use for clients.

Hi, The way I do it is to make sure the field returns the image object. Then use the code below in your template $imagefield = get_field('image_field_name'); $imageid = $imagefield['id']; $image = wp_get_attachment_image_src($imageid,'large'); Replacing the 'large' with thumbnail/medium/large/full, or your custom name for an image size created in your functions. You can then output the image url with: echo $image[0]; Hope it helps!

Just add: position:relative; to both the header and main content area.

You can just unwrap them. Try changing your resize function to: $(window).resize(function(){ $('.my-item').unwrap(); wrapItems(); }); That will unwrap them before running the function again.

$('#sideNavBox > ul > li:first-child .menu-item-text').css('color','red'); Is what you're after I think. The '>' selects only the direct child of the parent element. Otherwise you are selecting all first child list items in the list and child lists. Couldn't you just do this with CSS anyway? #sideNavBox > ul > li:first-child .menu-item-text { color: red; }

Google Analytics event tracking can do this: https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide

Hey, This sort of thing can be done with Skrollr https://github.com/Prinzhorn/skrollr Hope it helps.

You could use a percentage padding on the header. .header-background-image { padding-bottom:10%; background: no-repeat center; background-size: cover!important; -moz-background-size: cover!important; -webkit-background-size: cover!important; } Just changing the % to something that suits you. Alternatively you could put a transparent PNG the size you want it within the header with a width of 100%. This will make it responsive and not collapse.

Have you tried just re-saving the permalinks? It does the job sometimes.

You could just use the jQuery load function. http://api.jquery.com/load/ E.g. jQuery('#containerDiv').load('file.html'); You can load parts of a HTML file too. E.g. jQuery('#containerDiv').load('file.html #target');

I go for the route of wrapping the table in a container e.g. <div class="tableContainer"> <table> </table> </div> . I then display the table as normal until it no longer fits. Then apply the CSS via media query: .tableContainer { overflow-x:scroll; -webkit-overflow-scrolling:touch; width:100%; } This allows you to scroll the table left/right including on iPhone/iPad etc. Usually works for me.

Would adding focus to the field work? $(document).ready(function() { $(".search").change(function() { $('#search').val('').focus(); }); });

** Edit - just realised this post is over a year old!! Nothing out of the box, but it can be done using ecommerce and a marketplace addon. Two options I can think of are: Magento + the marketplace add on http://www.magentocommerce.com/magento-connect/marketplace.html This is going to be the more expensive option Woocommerce + Matt Gates Product Vendor plugin: http://shop.mgates.me/shop/wc-marketing/wc-product-vendor/ This is only going to cost approx $99 plus your dev time. I have used woocommerce and Matt Gates to do something similar, but with non virtual products. However, both can be used to allow people to create accounts and sell downloadable products too, and you can set the cut you take per sale. Worth having a read up on both. Hope that helps.

Post_author should just be author.

Hey, I am currently working on a large multi vendor site for a client using WordPress and Woocommerce. I used Matt Gates multi vendor plugin which I have been adding additional functionality too and I highly rate it. Well worth the $99. http://shop.mgates.me/shop/wc-marketing/wc-product-vendor/ It's a very good plugin and if you have the know how easy enough to build on. I prefer it to Woocommerce's own: http://www.woothemes.com/products/product-vendors/