Adjusting embedded twitter feed size

  • I am trying to make an embedded twitter feed ([twitter-timeline username=yourhandle]) take up the whole of a page width-wise and also be able to make the window longer.

    This is the page: https://transplantepi.org/home/

    The blog I need help with is: (visible only to logged in users)

  • Hi, the following targets the page you reference (home) by using the unique page CSS class in the opening body HTML tag and sets the width to 100% and a minimum height of 1000px. You can adjust the minimum height as desired.

    Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.

    .page-id-254 #twitter-widget-0 {
        width: 100% !important;
        min-height: 1000px !important;
    }
  • Thank you! that definitely did the trick. Is there a way to get rid of the scroll bar?

  • On Chrome, Firefox and Safari on my Mac, the scrollbar only appears when I try and scroll in your twitter feed. Are you seeing it static (showing all the time) on your system?

    In general, I would think it would be good to keep the scrollbar as it gives people reference and they can use it if they wish to scroll down.

  • The topic ‘Adjusting embedded twitter feed size’ is closed to new replies.