Support » Plugin: Click To Tweet » Click to Tweet appearance change

  • I have a blog with a dark background and the default appearance of Click to Tweet stood out a bit too much and was a bit big for my tastes. By the way, I like the plugin. It works well.

    So I added some CSS to my theme to change things.

    This changes the background color of the box to black, the border to white, gives it sharp corners, and reduces the padding around the text, which makes the box a bit smaller.
    .tm-click-to-tweet {
    background-color: #000;
    border: 1px solid #DDD;
    border-radius: 0px;
    padding: 5px 8px;

    This changes the “click to tweet” link to a gold color.
    .tm-click-to-tweet {
    color: gold;

    This changes the main title of the box to a light gray.
    .tm-click-to-tweet .tm-ctt-text a {
    color: #D3D3D3;

    I also changed the “Click to” text from “Click To Tweet” to “Click Here to Tweet This Post”

    To do that you have to edit the plugin. You will find the test in two places:
    1) Replacement of Tweet tags with the correct HTML
    2) Replacement of Tweet tags with the correct HTML for a rss feed

    Look for the code that starts with return “<div class=’tm-tweet-clear’>, find the text bit in the code and change appropriately.

    You will have to repeat this every time the plugin is updated.

    Hope this helps.

  • The topic ‘Click to Tweet appearance change’ is closed to new replies.