Jump to content

How to center and and fade text color when hovered over in markdown?

Recommended Posts

Hi everyone!

I’m having some trouble with markdown and I’m hoping someone in the community might be able to help.

Using markdown, my goal is to have a line of text in H2 centered AND fade to a different color when you hover over it.

Using the code below, I’ve been able to get the text to fade when I hover over it using the markdown code below. But I haven’t been able to figure out how to center it, it stays left-aligned. There is also a strange thin line that’s appearing under the text that I’m not sure how to remove.

(Screenshot of code is attached as the Squarespace forum translated the code when I typed it below)

alt textalt textMy website is using the Mentor template, and it’s at https://inmymindconference.com.

Thanks so much for your help!

screen-shot-2019-07-19-at-83154-am.png.4508032cb704f1d658b0643de7d4124f.png

screen-shot-2019-07-19-at-84137-am.png.ec4451005378678b90acb3aef0931991.png

Link to comment
  • Replies 2
  • Views 1.4k
  • Created
  • Last Reply

@ahizora sorry, this code :D


/* Center h2 */
h2#-a-data-preserve-html-node-true-id-celebratefiveyears-style-color-fee8b6-class-fadeinup-celebrating-5-years-a- {
   text-align: center;
}
/* Remove line */
a#celebratefiveyears {
   border-bottom: none;
}


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.