Adding a Footer Menu to Twenty Eleven Theme WordPress
…<div id=”footerMenu”> <?php wp_nav_menu( array( ‘container_class’ => ‘menu-footer’, ‘theme_location’ => ‘footer’ ) ); ?> </div> </footer><!– #colophon –> </div><!– #page –> </div> <?php wp_footer(); ?> </body> </html> Style the Menu…
Read MoreAdding Flexbox CSS to WooCommerce Shop and Products
…align at the bottom, it is set to display:table; as otherwise it will display 100% of the width. These CSS rules may need some fallback browser prefixes dependant on your…
Read MoreAdd Dot Pagination to WooCommerce Product Gallery Image Slider
…background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 3px rgba(0, 0,…
Read MoreUpload SVG Images to WordPress Media Library
…ideal for logos and flat art imagery which will look 100% sharp at any resolution. Adobe Illustrator can ‘Save as…’ to SVG with the SVG 1.1 being a generally accepted…
Read MoreAdd a WooCommerce missing action hook with shortcode in Beaver Builder
joseph You can add this back into the Woo Commerce loop by customizing the layout in the Posts module or the Power pack product grid. Now add the [woo hook]…
Read MoreOverride the Beaver Builder Global Settings Including Media Query Breakpoints
…for me – the only thing I do differently than above is to wrap most of my child themes in a after_setup_theme function – see this as an example -…
Read MoreAdd Scroll Back to Top of page Functionality in WordPress
…is the solution I went with. jQuery scrollToTop was my choice of poison, download and install the scrollToTop.min.js file in your theme’s js folder and create an init file with…
Read MoreSetting up SVG Fallback Images in WordPress
…file type such as .png Download the latest version of SVGeezy and grab the svgeezy.min.js file and add to your theme’s js folder and enqueue it, also create an init…
Read MoreMake videos responsive in WordPress with Fitvids
…the below added into style.css – just adjust the width preference to the maximum that you would like. /* video ———————————– */ .video-container { max-width: 600px; margin: auto; } Example…
Read MoreUsing Beaver Builders’ new Beaver Themer with Genesis Themes
…Warren Beaver Themer and Genesis work great together, except… if you’re trying to display comments on a custom post type. The comment box will show but not the submitted comments…
Read More