Add background images to widget areas using Customizer in Genesis
How to use the customiser to upload and set images as CSS backgrounds to widgetised areas in Genesis. Taking the Altitude Pro theme as an example as it uses a number of front page widget areas in which you can set the background image via the Customizer, this is great if you need to have…
Read MoreAdd a Class to a Featured Image in WordPress
You can add a CSS class to a featured image in WordPress using an array in the_post_thumbnail if( has_post_thumbnail() ) { //Add in featured image & class the_post_thumbnail( ‘featured-podcast’, array( ‘class’ => ‘alignnone’ ) ); } This can be handy for coding out a custom loop.
Read MoreAdd inline CSS style to existing WordPress Plugin or Theme
WordPress facilitates the use of injecting inline CSS to an existing plugin or themes’ CSS via a function called wp_add_inline_style. This avoids echoing out a bunch of CSS using wp_head and is considered better practice. One of the beneficial reasons is that it only appears where the existing plugin or themes CSS appears, that is, it may not…
Read MoreMake WordPress Twenty Sixteen Single Posts Go Full Width
In the WordPress Twenty Sixteen theme when the viewport is over 985px the single posts float to the right of the .entry-footer info which contains the author, gravatar, categories and tags and a link to the comments. They don’t go the full width at that particular size. When the viewport is lower than 985px the…
Read MoreHow to check for CSS errors in your stylesheet with CSS LINT
You’ve worked long and hard and slaved over your masterpiece but the CSS styles you wrote are just not being applied to your HTML, how can you check that the CSS syntax and formatting is correct? CSS Lint can do this for you. Got to the CSS LINT site and paste in your CSS. You…
Read MoreHow to Change the Footer Appearance in Thesis 1.8 WordPress Theme
To change the footer element in Thesis 1.8 theme for WordPress you need to take care of a couple of things, there are two links in the footer that need to be removed, custom CSS and HTML then need to be added to complete the process. (a) First up is to enable the custom directory…
Read More