To change color of specific word in List Section Simple Title, you can follow these.
#1. List Section Title
Suppose you need to change color of word “the Team”
First, you need to find List Section ID.
In my example, it is:
section[data-section-id="66fdffe11312fe336b2ab908"]
Next, make text “the Team” underline
Next, use this code to Custom CSS box
section[data-section-id="66fdffe11312fe336b2ab908"] .list-section-title u { text-decoration: none !important; color: #f1f; }
Result
#2. List Section: Item title
Suppose you need to change color of text “Monet”
First, we will need to find List Section ID.
In my example, it is: section[data-section-id=”66fdffe11312fe336b2ab908″]
Next, use this code to Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("h2.list-item-content__title").each(function(){ $(this).html($(this).text()); }); }); </script>
Next, wrap word in <em> </em> tag
Next, use this code to Custom CSS box
h2.list-item-content__title em { font-style: normal; color: #f1f; font-weight: 700; }