Site logo

Archived topic

Customizing blog image below header and menu

7 replies · Started by Evan on September 8, 2018

Viewing posts 1–8 of 8

Hi!

My name's Evan and I'd like to ask a design question -

I'm trying to remove the background image below the header/menu for both my blog page as well as all of my single posts. Ideally, I'd like it to look like the category pages or something similar (image here).

Currently, it looks like this here

Is there any way to remove the background images under the header/menu for the blog page and single posts, so it only has the title below the header/menu and not the background image?

Any help greatly appreciated!

- Evan

PS, the website hasn't launched yet and I'm viewing everything through the editor on the back-end of Wordpress - would this have an effect on what I'm trying to do?

Hi there,

Those are "Header" elements, which you can find in "Appearance > Elements".

If you delete those, you should be good to go.

Let me know :)

Thanks for the quick reply, Tom!

So, for some reason "elements" wasn't activated in my GeneratePress, so I went along and activated it.

However, when I got to Appearance > Elements, I see this here.

How do I delete the element once I go to Appearance > Elements? It currently looks blank for me.

Thanks again for all your help.

- Evan

Ah, go into the "Legacy Page Headers" link at the top there.

You'll see a couple Page Headers you can delete.

Then you can deactivate the Page Header module, as it was replaced by Elements in 1.7: https://generatepress.com/gp-premium-1-7/

Thanks Tom!

So I did as instructed and was able to get everything set up. However, I'm now having trouble where the header image isn't sized correctly. I read your documentation and watched your video and set it up the same as shown in the video, but I'm seeing this instead.

As you can see, the header should be larger vertically so it looks like a good hero unit, ideally looking like the header image in the documentation video. Once I get the size correct, I'd also like to add a button - is there specific html code I have to include in order to get a button there in the header?

Thanks again!

- Evan

Have you added top and bottom padding to the element? That will make it taller.

You can add a button by using the button class like this:

<a href="#" class="button">Your button text</a>

Hope this helps :)

That did the trick!

Thanks for all your help, I'm sure you deal with a lot of these requests :)

You're welcome! Glad I could help :)

This archived topic is closed to new replies.