Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


Posted (edited)

Hi I need help modifying my current css code so that Heading 2 is set to center or will at least allow me to center it without css. This is my current code:

h2 {
    display: inline-block !important;
    box-shadow: inset 0 -0.18em 0 #51F5C1;
    -webkit-box-shadow: inset 0 -0.18em 0 #ea1d26;



I need the the underlined word "Explore" to move to the center of the page. I would prefer that I be able to use the native align functionality in Squarespace however this will default to left align no matter what I do.


Edited by Lystnr

Share this post

Link to post

3 answers to this question

Recommended Posts

  • 0
Posted (edited)

One option is to use a Markdown Block and then use two 'spacers' to center the Markdown block within the page section. 

.underline {
  text-align: center;
  text-decoration: underline; 
  text-decoration-style: solid;
  text-decoration-color: #ea1d26;
<div class="underline">

One issue is the Markdown version does not allow to you to define the thickness of the underline ( text-decoration-thickness: 10px)

Edited by JOHNMD


Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...