title: React-joyride - How can I customize the Joyride to appear where I want to?
body: <p>How can I change where the pop-up of the Joyride appears? I have this column in my website, and at this moment the text its appearing above, but I want to change it to appear in the left and centralized. What can I do?</p>
  <p><img src="https://i.stack.imgur.com/Z3zsk.png" alt="" /></p>
  <p>My code:</p>
  <pre class="lang-js prettyprint-override"><code>return (&lt;Joyride
          wrapperOptions={{
              class : &quot;teste&quot;
          }}
          steps={[]}
          run={true}
          continuous={true}
          scrollToFirstStep={true}
          showSkipButton
          showProgress={true}    
          locale={
              {
                  back: t('lblTutorialBack'),
                  close:t('lblTutorialClose'),
                  last: t('lblTutorialLast'),
                  next: t('lblTutorialNext'),
                  skip: t('lblTutorialSkip'),
              }
          }
          styles={{
              buttonNext: {
                  background: '#812990'
              },
              options: {
                  primaryColor: '#812990',
              }
          }}
          {
          ...props
          }
      /&gt;)
  </code></pre>