Roll over title effect

Hi @compasspointmarketing

Can you please specify the title or section where you want to add the roll over title effect which help us to give you custom CSS easily.

Thanks for loving our theme.Please do review our theme also ?? !

Absolutely. ??

About half way through the page, there is a line under READ MORE. That’s where they would like the effect.

@compasspointmarketing

Please add the following code in style.css by making child theme or use custom css feature of jetpack to add following code:

.home .su-divider {
  position: relative;
}

.home .su-divider::before {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.5s ease 0s;
  -moz-transition: width 0.5s ease 0s;
   -ms-transition: width 0.5s ease 0s;
  transition: width 0.5s ease 0s;
  width: 30px;
}

.home .widget_sow-editor:hover .su-divider::before {
  width: 100%;
}

Thanks ?? !