WordPress.org

Forums

Twitter Widget Pro
[resolved] Border & Title Styling (8 posts)

  1. Kylaran
    Member
    Posted 3 years ago #

    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/

  2. Aaron D. Campbell
    Member
    Plugin Author

    Posted 3 years ago #

    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?

  3. Kylaran
    Member
    Posted 3 years ago #

    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.

  4. Aaron D. Campbell
    Member
    Plugin Author

    Posted 3 years ago #

    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.

  5. Kylaran
    Member
    Posted 3 years ago #

    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?

  6. Aaron D. Campbell
    Member
    Plugin Author

    Posted 3 years ago #

    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).

  7. Kylaran
    Member
    Posted 3 years ago #

    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!

  8. Aaron D. Campbell
    Member
    Plugin Author

    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Twitter Widget Pro
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic