Elementor – Vertical Tabs with Image Titles & Templates

Add this to the Tab’s Title:

<div><center><IMG SRC="https://staging3.websquadron.co.uk/wp-content/uploads/Web-Squadron-Logo.webp" Align="Middle" style="width:100px;text-align:center"><span style="vertical-align:sub;">Imran Siddiq</span></center></div>

Add this to the Custom CSS for the Tab:

selector .elementor-tab-desktop-title{
  border-radius: 25px;
  border-width: 2px;
  border-right-width: 2px;
  margin-top: 15px;
  background-color: #ffffff;
}

selector .elementor-tabs-content-wrapper {
  border-style: solid;
  border-width: 2px;
  border-radius: 25px;
  margin-top: 15px;
  margin-left: 20px;
background-color: #ffffff;
}

selector .elementor-tab-title.elementor-tab-desktop-title {
  border-radius: 25px;
  border-width: 2px;
  border-style: solid;
}

Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on whatsapp

Join our Mastery Membership

Group Support, Private Facebook Group, and Site Reviews.