Custom Separator text instead of image

Hey paulohenrique,
Perhaps this solution will work for you:

in a code block on your page, add this code:

<hr class="hr-text">

then add this code in the General Styling > Quick CSS field:

hr.hr-text {
  font-family: Arial, sans-serif;
  text-align: center;
  line-height: 1px;
  height: 1px;
  font-size: 1em; 
  border-width: 1px 0;
  border-style: solid;
  border-color: #676767;
  margin: 20px 10px;
  overflow: visible;

  /* ensure 1px gap between borders */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}

hr.hr-text:after {
  content: "Enfold";
  color: #000;
  display: inline;
  background-color: #fff;
  padding: 0 0.5em;
}

Adjust the word “Enfold” to suit.

Best regards,
Mike

Hi,
For the hr:after part of the css, it should also include the class, like this:

hr.hr-text:after {

I corrected the example above. For your css please use these:

hr.newsletter:after
hr.instagram:after

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike