Narrowing specific content width

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • kehindelawal
    Member
    • Apr 2014
    • 71
    • 5.0.X

    Narrowing specific content width

    Hello; i am on vb 5.1.2beta.
    i like to narrow the content width of the latest activity stream (which i use for my homepage), so i added this code to css_additional.css:
    ( .widget-content.widget-tabs-panel{ width: 600px !important;}

    While the code worked, narrowing the activity content width, it also narrowed all other content width which i dont want. how can i be more selective pls?
    Thanks.
  • glennrocksvb
    Former vBulletin Developer
    • Mar 2011
    • 4021
    • 5.7.X

    #2
    Try this:
    Code:
    .forum-activity-stream-widget .widget-content { width: 600px; }

    Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

    Comment

    • glennrocksvb
      Former vBulletin Developer
      • Mar 2011
      • 4021
      • 5.7.X

      #3
      That only applies to Forum Activity Stream widget which is on homepage by default. If you want to also apply it to Blog and Groups Activity Stream widgets, then use:

      Code:
      .activity-stream-widget .widget-content { width: 600px; }
      Or if you want different widths for each:
      Code:
      .forum-activity-stream-widget .widget-content { width: 600px; }
      .bloghome-widget .widget-content { width: 700px; }
      .socialgroup-home-widget .widget-content { width: 800px; }

      Flag Icon Postbit Insert GIPHY Impersonate User BETTER INITIALS AVATAR Better Name Card Quote Selected Text Bookmark Posts Post Footer Translate Stop Links in Posts +MORE!

      Comment

      • kehindelawal
        Member
        • Apr 2014
        • 71
        • 5.0.X

        #4
        Originally posted by Glenn Vergara
        That only applies to Forum Activity Stream widget which is on homepage by default. If you want to also apply it to Blog and Groups Activity Stream widgets, then use:

        Code:
        .activity-stream-widget .widget-content { width: 600px; }
        Or if you want different widths for each:
        Code:
        .forum-activity-stream-widget .widget-content { width: 600px; }
        .bloghome-widget .widget-content { width: 700px; }
        .socialgroup-home-widget .widget-content { width: 800px; }
        Thanks a lot. works fine.

        Comment

        Related Topics

        Collapse

        Working...