title: JQuery .find() not finding a specific element
body: <p>First I know the title isn't the best nor what the site recommends/asks for, but I have no idea how else to put it.</p>
  <p>I'm using JQuery to edit twitter widgets on my website. I had no problem doing so until this one element.</p>
  <p>I have checked that I'm searching for the correct element <code>timeline-Widget</code> and what I'm trying to edit is the <code>border-radius</code></p>
  <p><a href="https://i.stack.imgur.com/easwA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/easwA.png" alt="enter image description here" /></a></p>
  <p>snippet of my code:</p>
  <pre><code>$('.twitter-block').find('.twitter-timeline').css({&quot;border&quot;: &quot;4px solid rgb(255, 225, 241)&quot;, &quot;outline&quot; : &quot;8px solid rgb(255, 189, 225)&quot;});
  $('.twitter-block').find('.timeline-Widget').css({&quot;border-radius&quot;: &quot;0px&quot;});
  </code></pre>
  <p>first line edits <code>twitter-timeline</code> element and it works just fine, but <code>timeline-Widget</code> JQuery just does not find.</p>
  <p>Sorry, this is my first time working on a website and a first time working with JS and JQuery</p>