dmdeveloper

Customize your theme and add the following additional CSS

#item1 {position:relative;width:80px;height:40px; margin-left:auto; margin-right:auto;}
#item1:before, #item1:after, #item1>:first-child:before, #item1>:first-child:after {
position:absolute;
width:15px; height: 15px;
border-color:#61CE70; /* or whatever color */
border-style:solid; /* or whatever style */
content: ' ';
}
#item1:before {top:0;left:0;border-width: 2px 0 0 2px}
#item1:after {top:0;right:0;border-width: 2px 2px 0 0}
#item1>:first-child:before {bottom:0;right:0;border-width: 0 2px 2px 0}
#item1>:first-child:after {bottom:0;left:0;border-width: 0 0 2px 2px}
#item1 p {padding-top:8px; color:#61CE70; /*or whatever color */ font-weight:bold;}
#item1 a {color:inherit;}

Then add the following in a Heading widget within Elementor.

For the title: <div id="item1"><p>INICIO</p></div>

For the link: add the page you want to go to when INICIO is clicked (e.g. https://yoursite.com/page1).

HTML tag select: p

Alignment select: center.

The above worked for me and it should work for you too. Let me know if you have any trouble.

• This reply was modified 3 years, 11 months ago by dmdeveloper.