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

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

Question

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

Edited by ahizora
Initial Revision

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

@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;
}



 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

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