Adding description to blog page - HENSON TEMPLATE

Site URL: https://www.alanvidali.com/artskrol

Hello!

I have been using the HANSON theme for a while and I want to add a blog. The only issue is that it does not show a description at the top of the page. Is there a way to add this through HTML customization?

Thanks for the support!

You should be able to add a description in the blog page header. 

Do you mean by using the code injection?

On 2/11/2021 at 5:20 AM, Vidali said:

Do you mean by using the code injection?

The url doesn't exist. Can you check again? 

Also you want same description for all blog page, or different?

Quote

Do you mean by using the code injection?

In Blog Settings > General > PAGE DESCRIPTION (OPTIONAL).

For the Tremont template it puts that description on the blog page proper (index).

Let us know how it goes.

On 2/13/2021 at 10:02 PM, tuanphan said:

The url doesn't exist. Can you check again? 

Also you want same description for all blog page, or different?

On 2/13/2021 at 11:29 PM, creedon said:

In Blog Settings > General > PAGE DESCRIPTION (OPTIONAL).

For the Tremont template it puts that description on the blog page proper (index).

Let us know how it goes.

Hi! I apologize for removing the link. Here it is https://www.alanvidali.com/artskrol

As I mentioned, inside the Henson template the description field is available but it does not display. So... that is unfortunate.

I want to know if there is a way to add this with CSS/HTML.

I have other pages that have description and I wanted the blog to have the same. The description for the blog should only be for the main page of the blog. I want it to serve as an overview of what the blog is about

Thanks for taking a look!

Cheers!

For the title and description at the top of the blog add the following to Design > Custom CSS.

/* turn on display of blog title and description */

.collection-type-blog .title-card {

  display : block;
  opacity : 1;
  
  }

/* blog description width */

.collection-type-blog .title-card .page-desc {

  width : 10em;
  
  }

This is for a v7.0 using the Henson template.

As to the other items that will take a little more digging.

Let us know how it goes.

Looking at the other changes you want to make. I think it could be done with some Javascript but that requires the business plan or above.

The problem is that there is no structure which to attach the info you want to add. The Javascript would allow that structure to be built.

2 hours ago, creedon said:

For the title and description at the top of the blog add the following to Design > Custom CSS.

/* turn on display of blog title and description */

.title-card {

  display : block;
  opacity : 1;
  
  }

This is for a v7.0 using the Henson template.

As to the other items that will take a little more digging.

Let us know how it goes.

It totally worked to display the description, and blog title. The only thing that is off is the width of the description. My other pages have a narrow test box so that the text does not run too much to the left of the page. But this spacing is done by adding space blocks to the blank page and this, of course can't be done with the drag and drop feature. It would need to be coded.

BTW. Thank you for the help. It was fantastic. If you figure out how to make the text a block to the left that would be awesome.

EDIT - I just realized that the code, added the page title to all the pages and this duplicated the page titles on all pages except the blog which did not have one. So... Is there a way to use the code you provided just for the Blog Page?

2 minutes ago, Vidali said:

It totally worked to display the description, and blog title. The only thing that is off is the width of the description. My other pages have a narrow test box so that the text does not run too much to the left of the page. But this spacing is done by adding space blocks to the blank page and this, of course can't be done with the drag and drop feature. It would need to be coded.

 

BTW. Thank you for the help. It was fantastic. If you figure out how to make the text a block to the left that would be awesome.

I figured it out! LOL

padding-right: 20px;

I have updated my code post. Replace the previous code with the new code.

Let us know how it goes.