This is what my HTML Source is showing me:

<h1 style="text-align: center;">
   <span class="ms-rteFontSize-5"><strong></strong><span style="line-height: 107%; font-family: &quot;segoe ui light&quot;,sans-serif; font-size: 32pt;"><strong><span style="text-decoration: underline;"><font color="#000000">Specialist Library</font></span></strong></span></span></h1>
<p>&#160;</p>
<span class="ms-rteStyle-IntenseEmphasis"></span>
<span class="ms-rteFontSize-7"></span>
<div class="ms-rtestate-read ms-rte-wpbox" contenteditable="false" unselectable="on">
   <div class="ms-rtestate-notify  ms-rtestate-read 2847a88f-0412-40d9-836b-addf0770a374" id="div_2847a88f-0412-40d9-836b-addf0770a374" unselectable="on">
   </div>
   <div id="vid_2847a88f-0412-40d9-836b-addf0770a374" unselectable="on" style="display: none;">
   </div>
</div>
<p>&#160;</p>
<div class="ms-rtestate-read ms-rte-wpbox" contenteditable="false">
   <div class="ms-rtestate-notify  ms-rtestate-read 3c277c12-7fa6-49c3-864a-4e1f61e9e75f" id="div_3c277c12-7fa6-49c3-864a-4e1f61e9e75f" unselectable="on">
   </div>
   <div id="vid_3c277c12-7fa6-49c3-864a-4e1f61e9e75f" unselectable="on" style="display: none;">
   </div>
</div>

I am a beginner, but this doesn't make sense to me. I am trying to change the background of my WebParts to Yellow and my text to Black and Bold. Also, I wanted to add borders too.

Can someone help me?

Thank you in advance !

Hi noonz,

By using IE developer tool(F12), we can find the web part's title in source code and it is like <span title="xxx" id="xxxx">. Under this <span>, there is a <h2> tag whose style will affect the title's style. Then we can write this code snippet in a Content Editor Web Part in the same page like this:

<style type="text/css">
#WebPartTitleWPQ3 h2
{
   Background:yellow !important; 
   Font-Weight:bold !important; 
}
</style>