header for blog page

Activello
1

Hello, I am trying to add a header to my blog page. I have a header on the static page but I would like the blog page header to be different than the static page one. How do I achieve this? Thank you!

2

Hi @suzileigh,

I hope you are well today and thank you for your question.

Could you please tell me what you are referring as header so that i can help you to achieve that?

Kind Regards,
Movin

3

Hi there!

So on the main page here you can see the large header, and my friend (who owns the site) wants a different header image for her blog page. I have the file already but I’m not sure how to put an image on the top of a posts page since I see no area to do that. Here is the site: jennyjeepjohnson.com

4

You can try achieving that by using the following plugins.

5

Thank you, I tried both of those and they did not work. The first one said it was not compatible with activello.

6

I visited your shared site jennyjeepjohnson.com but found you are using default WordPress Twenty Twelve theme on it and not Activello theme so i am not sure what you are referring as header.

Please advise.

7

I was playing around with templates to see if another one would work but have since switched back to activello. Here is the page I am looking to replace the main header with another one, on this page only: http://jennyjeepjohnson.com/?page_id=18 I would like the “jenny jeep johnson” header to be replaced with a new image only for this page.

8

Also while I have you here, is there any way to split up the menu bar at the top? Like put 4 menu items on each side and possibly have the space bar be in between the two sets?

9
Here is the page I am looking to replace the main header with another one, on this page only: http://jennyjeepjohnson.com/?page_id=18 I would like the “jenny jeep johnson” header to be replaced with a new image only for this page.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS


body.blog #logo img.attachment-full.size-full{
  display: none;
}

body.blog #logo .navbar-brand:before {
  content: "";
  display: block;
  width: 800px;
  height: 240px;
  background-size: 100%;
  background: url("https://siobhanbaxter.files.wordpress.com/2013/10/logo-santander.jpg") no-repeat;
}

Please change the image URL in the above CSS code to the image URL that you want to display.

Also while I have you here, is there any way to split up the menu bar at the top? Like put 4 menu items on each side and possibly have the space bar be in between the two sets?

To help us keep support thread separates could you please create new thread for your other questions here Activello - Colorlib Support Forum instead of asking them in your single thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

10

Thank you so much!! That worked! I will create a new thread. Thank you for your help.

11

Is there any way to have that new header be visible on the post pages as well? It worked for the main blog page but when I click on an individual post it goes back to the other header from the landing page.

12

Yes you can also use the below CSS code to make it work on post pages.



body.single-post #logo img.attachment-full.size-full{
  display: none;
}

body.single-post #logo .navbar-brand:before {
  content: "";
  display: block;
  width: 800px;
  height: 240px;
  background-size: 100%;
  background: url("https://siobhanbaxter.files.wordpress.com/2013/10/logo-santander.jpg") no-repeat;
}
13

Hello,

I am new to Wordpress and am trying to do the same thing with my activello theme. I would like to add different header images to different pages and categories. I was able to download the plugins and I can choose header images when I go to edit each page but I can not get it to show up on my website. I have a header that shows on all pages by placing an image in the logo location by using a plugin from another thread. Any help would be greatly appreciated!

Thank you,

Mallory Barga

14

@Mallory Barga To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/activello/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.