Jump to content


  • Content count

  • Joined

  • Last visited

About Mikec1uk

  • Rank
  • Birthday 01/08/1986

Users Experience

  • Experience
  • Area of Expertise
    Web Developer

Contact Methods

  • Website URL

Profile Information

  • Gender
  • Location
  1. Merging ideas from 2 websites

    Have a look at this jQuery plugin. https://kreaturamedia.com/layerslider-responsive-jquery-slider-plugin/ Will help you achieve those effects.
  2. jQuery not loading when making ajax call...

    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. }); }); });
  3. % Width

    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%; }
  4. Looking for a plugin?

    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?
  5. Should I buy a Mac?

    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.
  6. Black Friday Deals

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

    Should be $("a.firstimg, a.secondimg").fluidbox();
  8. Navigation arrow not visable when uploaded to domain

    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?
  9. Before I go further!

    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.
  10. 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; } })
  11. Which is the best free slider for Wordpress?

    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.
  12. ACF and image manipulation

    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!
  13. z-index / overlapping divs

    Just add: position:relative; to both the header and main content area.
  14. jQuery .wrapAll on window resize issue

    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.
  15. $('#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; }