How Can I Make The Images From Recent Work Section In The Home Page Smaller?

First, In your Morphis Theme Options panel, under General Settings tab, include this code in the Custom CSS textarea: #recent-works figure { padding: 20px; } You can change the “20px” value to anything you like. Increasing the value will also make your images smaller. Secondly, open portfolio.php file from the wp-content/themes/morphis/inc/ folder of the theme and search for three (3) instances of this line […]

Read More

How Can I Make The Background Of The Whole Site Just A Plain Colour With No Texture?

Here’s how you can use a plain color on the background. Just include this in the Custom CSS textarea: body { background: orange; } #top-section { background: orange; -webkit-box-shadow: none; -box-shadow: none; -moz-box-shadow: none; border: none;  } #top-section, #tweet-strip, #siteInfo, #main-slider .divider  { background: orange; } Just change the “orange” value to any color you want. […]

Read More

Is There A Way To Change The Footer From 4 Columns To 3 Columns?

You can open “footer.php” and search for this block of code: <li> <?php if ( is_active_sidebar( ‘footer-first-column’ ) ) : ?> <?php dynamic_sidebar( ‘footer-first-column’ ); ?> <?php endif; ?> </li> <li> <?php if ( is_active_sidebar( ‘footer-second-column’ ) ) : ?> <?php dynamic_sidebar( ‘footer-second-column’ ); ?> <?php endif; ?> </li> <li> <?php if ( is_active_sidebar( ‘footer-third-column’ […]

Read More

I Would Like To Get Rid Of The Selective Navigation Menu On Smaller Devices Like The Iphone And Replace It With The Normal Navigation Menu.

Currently, the theme uses jQuery code to have the selective navigation menu when viewed on smaller devices. Open “script.js” file located inside “js/” folder and find this block of code: /* ————– Navigation Menu to Drop-down Menu on Mobile Browsers ————–*/ // Create the dropdown base $(“<select />”).appendTo(“nav#access”); // Create default option “Go to…” $(“<option […]

Read More

How Do I Eliminate The Line And The Space At The Bottom Of The Full Width Layout?

Well, you can use these codes in the “Custom CSS ” textarea under Morphis Theme Options > General Settings> /* code below deletes the dashed line from the Full-width template */ #comments hr { display: none; } /* codes below deletes the footer only when on Full-width or default page template */ .page-template-template-full-width-php #footer-wrapper, .page-template-default […]

Read More

Can The Featured Image In The Masonry Layout Be Displayed As Circular?

I think you can do this: Open “inc/masonry.php” file and search for this block of code: $linkyContainer.masonry({ itemSelector : ‘.boxy’, columnWidth : function( containerWidth ) { return containerWidth / n; }, isAnimated : true, animationOptions: { duration: 400 } }); Add this block of code below it: jQuery(‘.boxy’).find(‘img’).each( function() { $(this).roundThis($(this).width()); }); Open “script.js” and […]

Read More