Support » Plugins and Hacks » Twitter Widget Pro » [Plugin: Twitter Widget Pro] Border & Title Styling

  • Resolved Kylaran

    (@kylaran)


    Hi there.

    I was wondering if someone could tell me how to write something in my style.css sheet to

    1) put a border around the ENTIRE thing (including the title, the follow button on the bottom, etc.),
    2) then section off the title section with another border so I can do a custom style on it,
    and 3) get rid of the “in reply to…” part of the tweets whenever I reply to someone.

    Do I need to go into the php to create a div class to style the title area or is it already defined and I just need to invoke it in style.css?

    http://wordpress.org/extend/plugins/twitter-widget-pro/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Aaron D. Campbell

    (@aaroncampbell)


    No need to go into the PHP at all. You should be able to do all this with CSS. However, the CSS will depend some on your theme. Can you link to where the widget is being used?

    Wow, fast reply! Thank you. Here is my theme: http://www.pretentioussandwich.com

    I’d like to put a flat background to the entire Twitter section and then have a smaller “bar” graphic with the “Creative Dialogue” title on it coming out of the right border of the graphic.

    Plugin Author Aaron D. Campbell

    (@aaroncampbell)


    Try something like this:

    .widget_twitter {
    	background-color: #EEE;
    }
    
    .widget_twitter .widgettitle {
    	background-color: #CCC;
    	padding: 5px;
    }
    
    .widget_twitter ul,
    .follow-button {
    	padding:5px !important;
    }

    That will put one background color behind the whole thing and another one behind the title. You can change the colors or even use a background image instead if you want.

    Hm, background-color doesn’t seem to change the background of the widget. I wonder if that’s my theme interfering with it or something?

    Plugin Author Aaron D. Campbell

    (@aaroncampbell)


    Using Chrome’s dev tools to paste those exact rules from above into the end of your style.css makes it look like this:

    http://cl.ly/image/160M3v0n3S1f

    As you can see, both background colors are working (although the grey I did on the whole widget *is* fairly light).

    Hello, it seems to be working now! I think I did something funny when I tried to customize the colors last time so it wasn’t showing up.

    Thank you very much!

    Plugin Author Aaron D. Campbell

    (@aaroncampbell)


    No problem, and you can change those to borders or whatever you want.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Plugin: Twitter Widget Pro] Border & Title Styling’ is closed to new replies.