Blog Post

[RZejna]

Hello,

I am trying to modify Blog post after before publishing the post and the problem is that on the blog page, it doesn;t allow to move the picture below, and to remove share buttons, removing author pictures.

Is there any way that the blog page would alow me to do this adjustments since its much better and easy to post blogs on the blog section than creating them as a new pages.

Thank you,

[Anton · Accepted solution]

hi @RZejna, 

since you're working with Growth - you have to create a child-theme (if you haven't already). 

To create a child-theme you have to go to the design-manager, open the "@hubspot" folder, right click on Growth and select "create child-theme". After you've created a child-theme you can clone every existing file you'd like to / need to modify to the child-theme and apply your changes. 

Important: You need to select the blog template(s) from the child-theme in the blog-settings(settings->website->blog->templates). Otherwise your changes won't be visible. 

Since you'd like to change the blog post layout you'll need to clone at least following files to the child-theme:

• templates/blog-post.html

Once this file is in your child-theme you can modify it to your needs. 

To remove the social sharing, search for this code and remove it from the template. It's around line 33

To move the author image below look for this part(it's right above the social sharing)

If you'd like to display the author below the post move it below this part(around line 49). 

{{ content.post_body }}

If you want to apply changes to your styling you can either clone the CSS file(s) to the child-theme or create new ones in the css folder and link them to your template.

best, 

Anton

[RZejna]

Yes I can provide more details, we are currently working on Grwoth theme, and the problem is that some css is taken from the theme itself and its overwrited, for example we want to move the picture in the middle of the blog but the theme doesn't allow you, and there isn't a drag and drop module either. 

[FrancoQ]

Since we lack some context of what theme are we working with I can recommend these solutions.

Change the Theme: Some themes have blogs themes for singles and each theme might have a different layout and set of features. 

Custom CSS: You can use custom CSS to hide or reposition elements on the page. For example, to hide the share buttons, you might use something like:

css

.share-buttons {

    display: none;

}

(You can inspect the blog and check what class targets the share buttons container and add this code snipet replacing the class and adding it right below where you set the featured image head html)

If you provide more details about the specific theme you're using, I might be able to offer more tailored advice!