Community Forums › Forums › Archived Forums › General Discussion › Generate Pro: Add a big header to collect leads
- This topic has 3 replies, 2 voices, and was last updated 8 years, 10 months ago by Jason Weber.
-
AuthorPosts
-
May 31, 2015 at 12:33 pm #154289katharinaParticipant
Hey,
I want to build in a big header image to collect leads. I want the header image to be under the main navigation, but above the blog posts and sidebar.
Like shown here:
The header image has to be clickable.
How can I do that?
Thanks a lot.
Katharina
http://katharina-lewald.deMay 31, 2015 at 10:54 pm #154322Jason WeberMemberHi Katharina.
It appears that you don't necessarily want a header image, but rather an image below your primary navigation.
I have Generate Pro, but for sake of veracity, I didn't take the time to test this yet. To accomplish what you're looking for, however, this should do the trick:
- Install the Responsive Image Widget WordPress plugin
- Go to Appearances >> Widgets
- Drag a "Responsive Image Widget" into your Home - Featured Widget Area
- Upload the image you'd like placed in there
- Take note of the image dimensions (width and height)
- Using a calculator, use division to calculate height/width; you'll get a decimal number
- So if your image is 1000px width x 500px height, the number will be .5
- For the Percentage area inside the Responsive Image Widget, put it at 50% (or whatever number you come up with)
- In the link area, put the hyperlink in there
Voila! You're done. Now you have a fluid image just below your primary navigation that will adjust its width and height accordingly at different screen resolutions and different devices.
Best of luck!
June 1, 2015 at 11:21 am #154401katharinaParticipantHey Jason, Thank you so much, that worked 🙂
And do you know how to change the background colour of the slider, and how to delete the green bar above the image?
Thanks,
KatharinaJune 1, 2015 at 11:50 am #154415Jason WeberMemberHi, Katharina. It looks great!
I will give you two ways to get rid of the green bar. There's a recommended way, and another way.
1: Recommended way:
- Download and install the Simple Custom CSS plugin.
- Don't worry about people who tell you not to install too many plugins; well-coded plugins like this will not affect your page load times and will only make your site more secure, for reasons I'll mention.
- Within the Simple Custom CSS plugin settings (wherever they are in your WordPress dashboard), add the following lines:
.home-featured .widget-title { display:none; }
2: Not recommended way:
Simply use your web host's control panel, or your FTP utility, and add this to your style.css:.home-featured .widget-title { display:none!important; }
The reason #1 is the recommended method is because you want to do everything to avoid altering your theme's core files. By using Custom CSS, you are not altering your theme's files. This way, when your theme is updated, you will not lose any changes you've made.
Report back if you have any issues.
Good luck!
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.