Add excerpt to single post page

[juryk]

Id like to add the content of the excerpt field on Posts as a subtitle to the post pages themselves.

Example of a post page:
https://summerhousehawaii.com/uncategorized/tropical-estate-wedding/

This post has an excerpt of "Private Oahu Estate’

Id like that displayed under the title ‘Tropical Estate Wedding’

How can accomplish this for all post pages?

Secondly, the Post Title “h1.entry-title” seems as though I cant style this to be similar to other h1 elements on the website, I have the same styling as others but they look different:

Heres the post title above and below other h1 titles on the site

how can i get them styled the same?

[rad]

Hi @juryk,

Thanks for reaching out.

Unfortunately, this is only possible with custom development as you’ll need to modify the existing template. And we can’t provide custom development here in the forum.

But you can check this as a guide on how the theme is structured, which will help your development. https://theme.co/docs/best-practices

Plus, an excerpt is not a sub-title, if you do that that there is a chance it will display the same content if a manual excerpt is not implemented.

Why not just add a text above the grid? It will appear under the title as well. And since you’re already on that editing area where the same content and excerpt input is present, I think it’s good to just directly add the text to the editor just above the grid.

Thanks!

[juryk]

Thanks per my second question:

the Post Title “h1.entry-title” seems as though I cant style this to be similar to other h1 elements on the website, I have the same styling as others but they look different:

Heres the post title above and below other h1 titles on the site

how can i get them styled the same?

[ruenel]

Hello @juryk,

The h1.entry-title can only be applied to the single posts and the blog archive pages.
Are you trying to modify this title?

• 

You will need to edit the grid skin to be able to style that title. To learn more how you can edit the grid skin, please check out this documentation:

• https://theme-one.com/docs/the-grid/#edit_skin

Hope this helps.

[juryk]

Hi,

Im trying to edit the post title on the single post page here:

https://summerhousehawaii.com/uncategorized/tropical-estate-wedding/

I want it to match the titles and h1 text on the homepage:
https://summerhousehawaii.com/home

[ruenel]

Hello @juryk,

The headings of your home page is using a text element with it’s own independent element custom styling. It can only be applied to the single post title with a custom development. Please be aware that custom development is beyond the scope of our support already.

The post tile use h1 HTML tag and have entry-title CSS class therefore a proper CSS selector for the post tile will be:

h1.entry-title {
    color: red;
}

Feel free to add whatever CSS code you like inside the selector. I added a red color as an example.

We are unable to provide CSS code for the customization as it is outside of our support scope. The points above will be a good starting point and if you are interested you can learn more about CSS selectors and details here.

Best Regards.

[juryk]

How do I make all h1 tags have the same styling site wide?

[ruenel]

Hey @juryk,

You can make use of the h1 element or .h1 class and then add your custom css in X > Theme Options > Custom CSS so that it will be applied globally.

h1, .h1 {
  /* your styling here */
}

Cheers.

[juryk]

Thank you!

So i’ve tried to make that change but it seems like the post h1 title does not match the rest am i doing something wrong?

[christian]

Hey @juryk,

The Single Post Title style in our theme is separate from the regular h1 style. If you wish to combine them, you need to target them both as one selector in a rule set like the following:

h1, .h1,
h1.entry-title  {
 /* your styling here */
}

I’d recommend you consult with a developer so s/he can inspect your CSS.

Hope that helps.