Blog and Portfolio Page Titles

[GregoryArndt]

Good day,

I would like to change the way the title appears on both the blog and portfolio on the main page and the individual pages. I would assume that this needs to be done in the templates and I’m already using the child theme to get additional content on my portfolio main page.

Here is what it looks like now (renew stack):

Here is what I would like it to look like to match other areas of my site:

Notice here there is a small drop shadow on the header

I’m sure there are a couple ways to accomplish this. Perhaps I could remove the standard title and add content to the templates like I did with the portfolio template in the child theme. Unfortunately I haven’t found a way to use cornerstone to edit content of the blog page.

My site: https://artistryware.com/
Themeco login in the secure note.

Your help with this would be greatly appreciated.

[ruenel]

Hello @GregoryArndt,

Thanks for writing in!

The “The Projects” and “The Blog” pages are using the landmark header which is part of the default header. I can see that you want it to display like your “Contact Us” page. Since you are using the Pro theme, I would highly recommend that you create a custom header and then that is where you can create a custom header for the glog and project pages. If you just started using the Pro theme, kindly check out this first:

Best Regards.

[GregoryArndt]

Hi @ruenel,

I’m sorry but the videos you provided seem to have nothing to do with what I am trying to accomplish. I don’t really need a refresher on cornerstone, and the headers video seems to have nothing to do with my request as I do not want to layer bars.
If I need to create a custom header, which I thought would be required, could you please provide some guidance on where to create that and how to apply it to the templates for the blog and portfolio pages?

[ruenel]

Hello @GregoryArndt,

You will have to go to the Cornerstone > Launch and create a custom header.

You will have to replicate the default header to display your logo and menu. And then you will have another bar where you can insert a Headline element to display the title of the page using {{dc:post:title}} and then put a content to the Bar element on which page you only want to display the page title. You can also add another Headline element to display the Term Name if you also want to display the titles of the archive pages with the same format. Again, you just need to add a condition as well.

The videos I recommended are to get you familiar how you can be familiar with Cornerstone and how you can create a custom header because as I have mentioned before, the landmark that you are referring is coming from the default header and there is no way to edit that.

Best Regards.

[GregoryArndt]

Hi @ruenel,

I appreciate your patience.

Just so I make sure I understand. The current landmark header is part of the wordpress call in the theme templates and this cannot be edited. I would have to create another header to sit on top of the default landmark. Am I understanding this correctly?

[GregoryArndt]

Hi @ruenel,

I thought there might be more than one way to accomplish what I am after. Since I had already edited the portfolio template to include content from cornerstone, I was able to remove the landmark blog and portfolio page titles using the custom CSS found in another post:

header.x-header-landmark {display: none;}

Then I copied one of the headlines from the home page into the portfolio page content and it is doing what I want. Now I need to figure out how to do the same thing with the blog page. I assume there is a theme blog template like there is for the portfolio. Unfortunately I can’t find a way to edit the blog page in cornerstone like I can the portfolio page. This may not be the most elegant solution, but seemed easier than your suggestion and it is working.

My only issue now is figuring out how to get the additional content from the portfolio page to be full width. I made sure there is no padding anywhere, but the additional content doesn’t seem to be the same width as the columns of thumbnails. This was fine with just the text, but would be nice to have the headline the same width as the thumbnails.

Thank you for your help and I will continue to try and fix this.

Edit: I found the reason why the content was not the same width. I had to turn off the global container option on the row properties.

[tristup]

Hi @GregoryArndt,

Glad to know that you are able to find the reason behind the problem.

Thanks