In the past I showed how an inline banner image (image element) can be added below header in Dynamik on the Posts page. In this tutorial we shall add a hook box to add a blog banner div below header on Posts page and all single blog posts and set an image as background for […]
Search Results for: full width
How to set up a custom Page Template for full width content in Digital Pro
In Genesis Slack a user wrote: Hi everyone, keep coming back to Genesis and am determined to get my head around it this time! Currently trying to work out how to create a template with full width backgrounds and wrapped content. I’d like to do this without a plugin. Can anyone point me in the […]
Altitude Pro Full Width Image under Header on Pages
Wondering if you have a tutorial on how to add full-width images on Pages under the header for Altitude Pro? Many thanks, Sridhar! Marcia
How to incorporate Full Width Header Search Form with Simple Social Icons
Hello Sridhar, I would love to know how to use this tutorial with the Simple Social Icons plugin Full width search form on top of header in Genesis Is is possible to add the magnifying glass icon to the end of the list, yet have it use that smooth search bar effect, too? Love your […]
Add full width widgets on Hello! Pro theme home page
Hey Sridhar, I am using Hello! Pro and looking to add additional full width widget areas on the home page. I think it should be a simple fix. Thank you in advance.
Full width image background on Archives Title
Hi Sridhar, Using the Archive Settings on a CPT, I would like to use a full width background image on the title only. I figured out how to move the title and description to after_header and the title only spans 100%, but as you can see from the screenshot, the title also spans and so […]
How to add a full width element inside Genesis header
In Genesis Slack chat, a user asked: Has there ever been talk of creating a Genesis hook between a container class and the wrap that’s within that container? For example, a hook that is just after the opening markup for <header> but before the <div class=”wrap”>. This would easily allow for a full width div […]
Full width Soliloquy slider in Home Welcome section of Utility Pro
This is a simplified version of my earlier Full width Soliloquy slider with Utility Bar, Header and Navigation floating on the top in Utility Pro tutorial where the 100% wide slider is set to replace the text widget in Home Welcome widget area. Step 1 Install and activate Soliloquy. Create a slider named say, Home […]
Full width Soliloquy slider with Utility Bar, Header and Navigation floating on the top in Utility Pro
In the comments section of Full width Soliloquy slider with Header floating on the top in Genesis, a user asked I want to get this to work for Carrie Dil’s Utility Pro theme and replace the first intro area. Would that work? In this tutorial we shall wrap .utility-bar, .site-header and .nav-primary in a custom […]
Full width search form on top of header in Genesis
The other day I received an email from Mediafox asking if I want to have a chat with them for a potential job. While I am not interested in that, what I did find interesting is the search form implementation on their site. Clicking on the search icon in the header nav brings up a […]
Recent Comments