WordPress.org

Ready to get started?Download WordPress

Forums

Twitter Like Box - Like facebook box but for twitter
[resolved] Changing the size of the lightbox images (7 posts)

  1. FridayPhrases
    Member
    Posted 10 months ago #

    I have installed this plugin as a widget on my page. It works wonderfully, except that the links below the images are too long for the span of each image, so it makes the box look like a series of random row lengths instead of a continuous box of images. You can see what it looks like here.

    Is there any way I can easily change the CSS to change the size of the thumbnail so that I get a neater-looking box?

    Thank you so much in advance!!

    https://wordpress.org/plugins/twitter-like-box-reloaded/

  2. FridayPhrases
    Member
    Posted 10 months ago #

    I fixed the problem, although it didn't change the size of the actual image. I simply went into the file "twitter-like-box-reloaded/Twitter_Like_Box_Widget.class.php" and updated this:

    .tlb_user_item{
    line-height:1;
    padding:5px 0px 3px 5px;
    width:48px;
    float:left;
    text-align: center;
    }

    to this:

    .tlb_user_item{
    line-height:1;
    padding:5px 0px 3px 5px;
    width:75px;
    float:left;
    text-align: center;
    }

    It's not perfect, but it works for now.

  3. FridayPhrases
    Member
    Posted 10 months ago #

    Oh, here's the page that I'm trying to make the plugin imitate, except including your fantastic linking and labeling. :)

    http://fridayphrases.com/meet-the-players/

  4. Damian
    Member
    Plugin Author

    Posted 10 months ago #

    HI!
    There is a style tab inside the plugin settings. Also if you don't use that include the css in your theme style. Or a plugin update will overwrite your changes.

  5. FridayPhrases
    Member
    Posted 10 months ago #

    For whatever reason, the style page "Main Settings" (where the custom CSS box is) isn't reflecting any changes to the image height. That's why I went into the .php. Even so, I am not sure how to change the size of the actual image. It looks like it's changing the size of the container for each image. Can you advise on how I can fix that?

  6. FridayPhrases
    Member
    Posted 10 months ago #

    Okay. I went into "twitter-like-box-reloaded/Twitter_Like_Box_Widget.class.php" again and changed another line of the .php so I had the right size.

    <img src="<?php echo $twitter['followers'][$i]['profile_image_url'];?>" width="48" height="48" alt="<?php echo $twitter['followers'][$i]['screen_name'];?>">

    Changed to:

    <img src="<?php echo $twitter['followers'][$i]['profile_image_url'];?>" width="75" height="75" alt="<?php echo $twitter['followers'][$i]['screen_name'];?>">

    I know this is probably pretty basic stuff, but I had no idea how to do it.

    Thank you!

  7. FridayPhrases
    Member
    Posted 10 months ago #

    Thanks again!

Reply

You must log in to post.

About this Plugin

About this Topic