Styling the Quotes

  • Resolved Wasca

    (@wasca)


    8 years, 2 months ago

    “Developers and advanced users will appreciate the ability to completely re-style the quote text and Tweet link.”

    Just wondering what is the recommended method to do this? Just change the class values and put them in your themes styles.css file?

Viewing 1 replies (of 1 total)
  • Plugin Author JS Morisset

    (@jsmoriss)

    Yup. Pretty much everything is a div or span. ??

    
<div class="wpsso_taq is_tweet">
  <span class="taq_row">
    <span class="taq_open"></span>
    <span class="taq_text">WPSSO Tweet a Quote - Easily add Tweetable quotes to your WordPress content.</span>
    <span class="taq_close"></span>
  </span>
  <div class="taq_link taq_button">
    <a href="https://twitter.com/intent/+/tweet?original_referer=https://surniaulula.com/?p=7010&url=https://bit.ly/2g9dDfy&text=WPSSO%20Tweet%20a%20Quote%20%26%238211%3B%20Easily%20add%20Tweetable%20quotes%20to%20your%20WordPress%20content.&via=surniaululacom&related=jsmoriss" class="taq_popup">
      <span class="taq_icon">
        <svg xmlns="https://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28">
          <path d="M24.253 8.756C24.69 17.08 18.297 24.182 9.97 24.62c-3.122.162-6.22-.646-8.86-2.32 2.702.18 5.375-.648 7.507-2.32-2.072-.248-3.818-1.662-4.49-3.64.802.13 1.62.077 2.4-.154-2.482-.466-4.312-2.586-4.412-5.11.688.276 1.426.408 2.168.387-2.135-1.65-2.73-4.62-1.394-6.965C5.574 7.816 9.54 9.84 13.802 10.07c-.842-2.738.694-5.64 3.434-6.48 2.018-.624 4.212.043 5.546 1.682 1.186-.213 2.318-.662 3.33-1.317-.386 1.256-1.248 2.312-2.4 2.942 1.048-.106 2.07-.394 3.02-.85-.458 1.182-1.343 2.15-2.48 2.71z" />
        </svg>
      </span>
    </a>
  </div>
</div>

    js.

Viewing 1 replies (of 1 total)
  • The topic ‘Styling the Quotes’ is closed to new replies.

Tags