You can create a responsive Facebook like box in WordPress or any other CMS platform or framework so that it sits in the sidebar or parent container at the correct 100% width which will just adjust to various device widths – all done in the CSS. This is the CSS declarations to add in your CSS …
Read More
Add a Slider to the Home Page in Genesis Theme WordPress using Cyclone Slider
Sliders have been slammed a lot recently, notably for their effectiveness and usability, however within certain contexts they are still relevant and more importantly still popular with clients, their use may be more relevant to certain industries, their usage may be better suited to subtle areas of the page. That said, here is a guide …
Read More
Adding in Google Plus Authorship and Publisher Profile to Genesis WordPress Theme
To get your Google Plus Authorship profile active on a Genesis Theme on a WordPress site you need to set yourself up as a contributor to that site via your Google plus profile, then include your Google Plus profile URL in your sites <head></head> section wrapped in a link tag with the rel=”author” or in …
Read More
Use Bootstrap Modals in WordPress Themes
Bootstrap has some nifty Javascript plugins in their library for the Bootstrap framework including Modals, which are pop up window dialog prompts. These modal pop up windows can be generated without writing javascript by using Bootstrap’s API data-attribute values which are inserted into the HTML markup and and can control which HTML element can control the …
Read More
Using Navgoco as a Vertical Multi-Level Menu in a WordPress Genesis Theme
Looking for a expandable/contractable Vertical Multi-Level Slide Menu in regular WordPress or Genesis themes, Navgoco has you covered. Create Your Menu Set up your custom menu as normal in WordPress Dashboard with multi levels and place into position via a widget area or simply use HTML mark up on a post or page, this example uses a …
Read More
Add a Submit Button to the Search Input Field in Genesis Search Widget
By default the Search widget in a Genesis WordPress theme does not have a submit button, just hitting enter on the keyboard will do the trick but what if you deadset want that clickable submit button back. Using the Genesis Sample Theme, this is how the search widget looks like when added in the Header Right and …
Read More
Add a Full Width Responsive Header Image to a Genesis Theme
You can add in a full width responsive image header into a Genesis child theme by using the header element and set a background image to it by setting a CSS rule. Using the Genesis sample theme as an example, in the above illustration the logo or site title will be handled with the .title-area div if …
Read More
Faux Full Width Page Titles in a Genesis Child WordPress Theme
This layout calls for a full viewport width background color of the page title which is to appear on all pages, there are a defined amount of pages on the site with short titles. To achieve this effect using the sample Genesis child theme you can take advantage of the .site-inner div Change the CSS .site-inner …
Read More