CMS Development

prasadcolumbus
Participant | Diamond Partner
Participant | Diamond Partner

In Hubspot blog editor how to fix height of the editor ?

SOLVE

how to addjust the blog editor height on when click on create post.Currently it's showing below height by default.blog editor.PNG

 

I am using  {{ content.post_body}} this variable on blog post templste

0 Upvotes
1 Accepted solution
Jake_Lett
Solution
Guide | Partner
Guide | Partner

In Hubspot blog editor how to fix height of the editor ?

SOLVE

Dennis had a great suggestion. What I did was compare the HTML markup inside the editor vs the preview page. I noticed the container that wraps the post body is a div and then when publishes converts to a span tag.

 

It also has a unique class of inpage-editor-active-field when inside the editor. So add this rule to your stylesheet to add a min-height just when you are editing the post.  

 

/* Make the post body height larger when editing */

#hs_cos_wrapper_post_body.hs-baymax-editor {
min-height:400px;
}

View solution in original post

3 Replies 3
Jake_Lett
Solution
Guide | Partner
Guide | Partner

In Hubspot blog editor how to fix height of the editor ?

SOLVE

Dennis had a great suggestion. What I did was compare the HTML markup inside the editor vs the preview page. I noticed the container that wraps the post body is a div and then when publishes converts to a span tag.

 

It also has a unique class of inpage-editor-active-field when inside the editor. So add this rule to your stylesheet to add a min-height just when you are editing the post.  

 

/* Make the post body height larger when editing */

#hs_cos_wrapper_post_body.hs-baymax-editor {
min-height:400px;
}
dennisedson
HubSpot Product Team
HubSpot Product Team

In Hubspot blog editor how to fix height of the editor ?

SOLVE

Hello @prasadcolumbus ,

This is the default height.  Are you wanting it to be larger while editing or are you wanting it to be larger on the production site? 

I imagine you could target some classes that are only used in edit mode if you want it just while editing 🤔

@Jake_Lett , @SandyG1@AlexanderData  how would you all go about this?

0 Upvotes
prasadcolumbus
Participant | Diamond Partner
Participant | Diamond Partner

In Hubspot blog editor how to fix height of the editor ?

SOLVE

I did n't understand you solution.Can You please eloborate more @dennisedson .

 

Is their any chance to place the default Place Holder text to the Editor when I click on create new post?

0 Upvotes