Buy me a coffee

Break Portfolio Titles to 3 columns

#1. First, you edit the title, using this format

  • Project 01<em>Nick</em><em>Creative Direcotr</em>

Break Portfolio Titles To 3 Columns 01 Min

 

#2. Use this code to Code Injection – Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("span.portfolio-hover-item-content em, h3.portfolio-title").each(function(){
    $(this).html($(this).text());
  });
});
</script>

Break Portfolio Titles To 3 Columns 02.jpg Min

#3. Use this code to Custom CSS box

span.portfolio-hover-item-content em, h3.portfolio-title {
  em {
    font-style: normal;
  }
  & {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

Break Portfolio Titles To 3 Columns 03.jpg Min

#4. Edit SEO Title, unless <em> will appear on Browser Address Bar + Google Search

Break Portfolio Titles To 3 Columns 04 Min

Result

Break Portfolio Titles To 3 Columns 05 Min