title: How can I modifiy the positions of the text and logo on RMarkdown title slide
body: <p><strong>Because of the picture I have at the bottom of my title slide, I want to</strong>:   </p>
  
  <ul>
  <li>move all <code>title</code>, <code>subtitle</code> and <code>author</code> up from their center positions.   </li>
  <li>remove the <code>Rlogo</code> in the title slide only (don't really know how to do it). I could only remove slide number for now using <code>.title-slide .remark-slide-number { display: none; }</code>. </li>
  </ul>
  
  <p>Any suggestion is appreciated! Thanks!  </p>
  
  <p>Here is my reproducible example:  </p>
  
  <p><strong>tweaks.css file</strong>  </p>
  
  <pre><code>/* for logo and slide number in the footer */
  .remark-slide-content:after {
      content: "";
      position: absolute;
      bottom: 15px;
      right:   8px;
      height: 40px;
      width: 120px;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("Rlogo.png");
  }
  
  /* for background image in title slide */
  .title-slide {
    background-image: url("slideMasterSample.png");
    background-size: cover;
  }
  
  .title-slide h1 {
    color: #F7F8FA;
    margin-top: -170px;
  }
  
  .title-slide h2, .title-slide h3 {
    color: #e7e8e2; 
    line-height: 1.0em;
    margin-top: -75px;
  }
  
  .title-slide .remark-slide-number {
    display: none;
  }
  </code></pre>
  
  <p><strong>1st attempt</strong>: modified <code>margin-top</code> in <code>tweaks.css</code> file as mentioned in <a href="https://github.com/yihui/xaringan/wiki/Title-slide" rel="noreferrer"><code>xaringan</code> wiki</a></p>
  
  <pre><code>---
  title: "Presentation Ninja"
  subtitle: "xaringan"
  author: "Author"
  output:
    xaringan::moon_reader:
      lib_dir: libs
      css: ["default", "tweaks.css"]
      nature:
        highlightStyle: github
        highlightLines: true
        countIncrementalSlides: false
  ---
  </code></pre>
  
  <p><strong>Result 1</strong>:   </p>
  
  <p><a href="https://i.stack.imgur.com/ljH24.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ljH24.png" alt="Result 1"></a></p>
  
  <p><strong>2nd attempt</strong>: added <code>&lt;br&gt;</code> to the <code>title</code> to manually push it up but then the <code>subtitle</code> and <code>author</code> were also pushed down. Adding <code>&lt;br&gt;</code> to <code>subtitle</code> and <code>author</code> did not help either.   </p>
  
  <pre><code>---
  title: "Presentation Ninja&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;"
  subtitle: "xaringan"
  author: "Author"
  output:
    xaringan::moon_reader:
      lib_dir: libs
      css: ["default", "tweaks.css"]
      nature:
        highlightStyle: github
        highlightLines: true
        countIncrementalSlides: false
  ---
  </code></pre>
  
  <p><strong>Result 2</strong>:   </p>
  
  <p><a href="https://i.stack.imgur.com/pqP5S.png" rel="noreferrer"><img src="https://i.stack.imgur.com/pqP5S.png" alt="Result 2"></a></p>
  
  <p><strong>Photos used</strong>  </p>
  
  <p><a href="https://i.stack.imgur.com/E0bpB.png" rel="noreferrer"><img src="https://i.stack.imgur.com/E0bpB.png" alt="slideMasterSample.png"></a>
  <a href="https://i.stack.imgur.com/W5p8w.png" rel="noreferrer"><img src="https://i.stack.imgur.com/W5p8w.png" alt="Rlogo.png"></a></p>