How do I change <h2> to <h4> in sidebar, without breaking the layout?
I have copied the block.html.twig to theme, and changed <h2> to <h4> but this breaks the layout.

CommentFileSizeAuthor
#4 zircon_sidebar.png326.24 KBdaiwik.addweb
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

idflorin created an issue. See original summary.

idflorin’s picture

idflorin CreditAttribution: idflorin commented
Issue summary: View changes
idflorin’s picture

idflorin CreditAttribution: idflorin commented
Issue summary: View changes
daiwik.addweb’s picture

daiwik.addweb CreditAttribution: daiwik.addweb at AddWeb Solution Pvt. Ltd. commented
Status: Active » Needs review
FileSize
zircon_sidebar.png326.24 KB

Hey,

For changing the tags in the sidebar you need to override the specific block twig you place on the sidebar regions which doesn't break the actual layout.
Also, you need to apply CSS for the changed tag in the SCSS file.
Currently, I am not able to make changes in SCSS file due to compass issue.

Please review below screenshot. I placed language block in the left sidebar and override its respective block twig file.
P.S I made changes for styling directly to CSS file as I couldn't generate CSS via compass. Hope this helps

Thanks!.