Step 1: you have your WP header uploaded for your front page and your theme option setting for WP on Every Page is unchecked.
Step 2: Upload an image to your media library and copy the File URL safe somewhere.
Step 3: Drag a text widget into the Page Banner widget position from your widgets admin (Appearance >> Widgets ) and then add the following code:
<img src="your copied File URL" alt="short description" />
Step 4: with the Display Widgets plugin installed and activated, at the bottom of your widget, you can select to show or hide on any of the pages that you will see in the list there. I generally set it to Show on Checked Pages. Choose your About page.
Thank you. I followed your instructions and that worked fine….BUT…when I went to add a DIFFERENT header to different page, the code for the about us page appears in the page banner widget, even though I am editing a different page (email marketing page) As I mentioned earlier I am looking to have different headers on every page.
This is where that plugin Display Widgets comes in. You need to assign each widget to the page you want it to “show” on only. Do this from the widget when you have it open in the widget admin. That plugin adds some settings to the bottom of widgets.
Widget Admin?????? This is why I walked away from WordPress like three years ago. It isn’t a learning curve…it’s a mountain….without a peak. Ugh.
If I open a certain page in my site say ABOUT, and then I click edit page >appearance, then > widgets… what am I looking for or HOW do I assign a widget to a page??
you know the widget you did (or did you do this yet) with the image you put in your about page? Open that widget by going to Appearance >> Widgets (in your dashboard). I call it a widget admin because it’s the page where all your widgets are that you can administer in your site.
Just out of curiosity, how much WordPress experience do you have?
…and yes, WordPress does have a learning curve. Might want to check out wp101.com
By the way, just to confirm, you do have the Display Widgets plugin activated?
I opened the discussion last week by stating I am new to WordPress but not new to web design. I have been building static sites for over 5 years, Yes, when I downloaded any widgets, I activated them.
I take it you are still having problems with the banner image for your About page? Perhaps we can try this…contact me from my website and if you are OK with this, grant me access to your admin and also send me the image you want as your banner image and I will set this up for you.
How do I contact you through your website?
It may be easier if you just email me off forum
chris@greatpointmediadesign.com
Then I can respond.
Thanks again for your help
No worries…just want to make sure things work for you, and I got your reply back via email.
Anyway, all done. Go to your widgets area of your dashboard and see what I did for the banner on your About page (hope I got the right banner image). I also titled both of your widgets so you know what each one is in your dashboard. I just put a ! exclamation mark in front to hide the title on the front-end of your site (hence the plugin Remove Widget Title).
Now that I have the banners working correctly I need to find the component that controls the spacing of the text that I am creating as I add content. It looks like everything is double spaced and I need to change that. Can you steer me in the right direction?
Are you referring to paragraph text?
You can change the <p> tag css. This theme has the paragraph styling as:
p {
margin-bottom: 20px;
margin-bottom: 1.250rem;
}
and this styles the content as well:
#st-content-wrapper {
min-height: 10rem;
margin: 0;
padding: 60px 0;
font-size: 13px;
font-size: 0.813rem;
line-height: 22px;
line-height: 1.375rem;
color: #848484;
}
You can do custom css for just the <p> tag or the #st-content-wrapper container like above and just change the font size and line height. Line height is probably the one you want, so you could try something like:
p {
line-height: 1.1;
}
You could do the line height as px as well if you prefer..something like:
line-height: 19px;
Thank you. If the reason for having a child theme installed is to not make changes to the core style sheets then I am confused as to where I should be making these edits? Am I copying portions of the main style sheet and then placing that portion inside the child theme style sheet and making the edits there?