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

Question

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.

Css.PNG

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. 

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

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

mcgouran.john@gmail.com

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...