Infinity Pro

Full Width Slider Between Footer Widgets & Footer – WordPress Website Design Article

Premium Member? – Request custom code, guaranteed This code enables you to add a full width of screen slider between your footer widgets and your footer ( containing your footer credits ) like this : Demo Video # Shows the slider displaying full width of the browser window between the footer widgets and footer. Tested using the Infinity Pro child theme by StudioPress however should work in any Genesis child theme without modification. Installation Steps # There’s 2 steps :…

Read More

Different Image On Mobile Orientation Change – WordPress Website Design Article

The solution in this download folder enables you to remove the default desktop background image and replace it with a different image for mobile screens. Not only can you change the image on mobiles ( at any screen width ), you can also use 2 different images, 1 image sized specifically for portrait and 1 which is a different size for landscape orientation. Screenshots from Samsung Galaxy. In this case, the image for the front page 1 widget background changes…

Read More

Replace Video With Image When Genesis Mobile Menu Is Active – Infinity Pro Front Page 1 – WordPress Website Design Article

Need Code? – Request a Tutorial This solution extends the code in this tutorial which replaces the front page 1 background image with a video. In this case, the background image is only replaced on desktops when the screen width is above 800px. By default, the Infinity pro theme replaces the desktop menu with a mobile menu below 800px. Here’s the desktop ( above 800px width ) view on the left and the mobile ( below 800px width ) view…

Read More

Infinity Pro – Different Front Page 1 Background Image For Mobiles – WordPress Website Design Article

Need Code? – Request a Tutorial This solution enables you to change the Front Page 1 background image on mobiles. Desktop Mobile In this case, the code executes at 600px width removing the desktop image and replacing it with a image named mobile.jpg added to the Infinity Pro themes images folder. The code enables you to use any size image replacing the default at any width. Demo Video # Shows a different image replacing the default image as the background…

Read More

Infinity Pro – Code To Change Front Page 1 Image On Mobiles – WordPress Website Design Article

Need Code? – Request a Tutorial This solution provides a similar solution to the code in this tutorial however uses a different method to replace the background image on mobiles. Default Custom Demo Video # Changes the default background image when the themes mobile menu displays. Tested using the Infinity Pro child theme by StudioPress however the method will work in most modern Genesis child themes. Note : You can also use this solution to change the background images for…

Read More

Infinity Pro – Change Team Page From 4 To 3 Columns – WordPress Website Design Article

Need Help? – Get Coding Support Now This code modification enables you to modify the default Infinity Pro team class setting for displaying team members on the team page from one-fourth to one-half, one-third or one-sixth. 4 Columns 3 Columns Find this function around lines 124 – 126 in the page_team.php file of the Infinity Pro child theme and change it from this : function infinity_team_class( $classes ) { global $wp_query; $classes[] = ‘one-fourth’; if( 0 == $wp_query->current_post % 4…

Read More

Infinity Pro Vertical Menu – WordPress Website Design Article

This tutorial shows you how to change the offscreen content feature to a vertical menu using the Infinity Pro child theme by StudioPress. Demo Video # Shows the vertical menu displaying on the front page and single post of the Infinity Pro theme. Code Installation # There’s 2 steps relating to the usage of the code inside the download folder : !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version=’2.0′; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,… This is only a snippet of a WordPress Website Design Article written…

Read More