Ads keep us online. Without them, we wouldn't exist. We don't have paywalls or sell mods - we never will. But every month we have large bills and running ads is our only way to cover them. Please consider unblocking us. Thank you from GameBanana <3

Edit 'Messages' In Profile - A Forum Thread for GameBanana.

I was wondering if there was a way to change the amount of messages you have on your profile. Right now it shows 10 on my page and I'd like it to be about 4 or 5. How would I go about doing this? Thank you.
  • Devieus avatar
    Devieus username pic Joined 12y ago
    ◑w◐ Super Moderator
    ONLINE
    119,041 points Ranked 27th
    80 medals 8 legendary 18 rare
    • 1st Place - Tutorial Contest Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
    • Returned 5000 times Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon
    • 2017 Top Contributor Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2017 Medal icon
    Devieus avatar
    Devieus
    ◑w◐
    8y
    CSS pseudo-selector magic.
    Sentinel of the TV remote avatar
    Mantra
    Sentinel of the TV remote
    URL to post:
  • Rafael De Jongh avatar
    Rafael De Jongh username pic Joined 14y ago
    Skinning/Modelling Expert Ripe Supporter
    Offline
    Apocalyptic Flag Affiliation: Apocalyptic
    32,052 points Ranked 191st
    85 medals 12 legendary 24 rare
    • 1st Place - Winter Textures Contest Medal icon
    • 1st Place - GameBanana Around the Globe Contest Medal icon
    • 1st Place - Sci-Fi Skinning Contest Medal icon
    • 1st Place - Winter Warfare Medal icon
    • 1st Place - Movie Replicas Modeling Contest Medal icon
    • Submitted 100 WiPs Medal icon
    Rafael De Jongh avatar
    Rafael De Jongh
    Apocalyptic Flag
    Affiliation
    Apocalyptic
    Skinning/Modelling Expert
    8y
    Pretty much what Devieus said, as in you put the main list items on display: none; and the ones you do want to show you set to display: list-item; Here would be an example to show only 2 messages on your profile:
    #PostsListModule div.Content > ul > li {display: none;}
    #PostsListModule div.Content > ul > li:nth-child(1),#PostsListModule div.Content > ul > li:nth-child(2){display: list-item;}
    
    You probably could also use other pseudo elements to select a range, for more info check out this website: http://www.sitepoint.com/web-foundations/css3-pseudo-classes/
    Web Developer & 3D Artist avatar
    Mantra
    Web Developer & 3D Artist
    URL to post:
  • Eagle. avatar
    Eagle. username pic Joined 15y ago
    Offline
    9,600 points Ranked 940th
    16 medals 1 legendary 1 rare
    • 10 years a member Medal icon
    • 6 years a member Medal icon
    • GAMEBANANA Spray Contest Entrant Medal icon
    • Became a Studio Leader Medal icon
    • Became a Club Leader Medal icon
    • Reached 1,000 Points Medal icon
    8y
    > **Posted by Rafael De Jongh** > > Pretty much what Devieus said, as in you put the main list items on display: none; and the ones you do want to show you set to display: list-item; > > Here would be an example to show only 2 messages on your profile: > >
    > #PostsListModule div.Content > ul > li {display: none;}
    > #PostsListModule div.Content > ul > li:nth-child(1),#PostsListModule div.Content > ul > li:nth-child(2){display: list-item;}
    > 
    > > You probably could also use other pseudo elements to select a range, for more info check out this website: http://www.sitepoint.com/web-foundations/css3-pseudo-classes/ So could I use that text in profile to make it work? Where would I put it?
    URL to post:
  • Devieus avatar
    Devieus username pic Joined 12y ago
    ◑w◐ Super Moderator
    ONLINE
    119,041 points Ranked 27th
    80 medals 8 legendary 18 rare
    • 1st Place - Tutorial Contest Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
    • Returned 5000 times Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon
    • 2017 Top Contributor Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2017 Medal icon
    Devieus avatar
    Devieus
    ◑w◐
    8y
    > **Posted by Eagle.** > > > **Posted by Rafael De Jongh** > > > > Pretty much what Devieus said, as in you put the main list items on display: none; and the ones you do want to show you set to display: list-item; > > > > Here would be an example to show only 2 messages on your profile: > > > >
    > > #PostsListModule div.Content > ul > li {display: none;}
    > > #PostsListModule div.Content > ul > li:nth-child(1),#PostsListModule div.Content > ul > li:nth-child(2){display: list-item;}
    > > 
    > > > > You probably could also use other pseudo elements to select a range, for more info check out this website: http://www.sitepoint.com/web-foundations/css3-pseudo-classes/ > > So could I use that text in profile to make it work? Where would I put it? Same place you put any CSS, uberstyle.
    Sentinel of the TV remote avatar
    Mantra
    Sentinel of the TV remote
    URL to post:
  • Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 11y ago
    (づ。◕‿‿◕。)づ Ripe Supporter CS:CZDS Manager Admin
    Brooding
    103,736 points Ranked 36th
    90 medals 14 legendary 28 rare
    • Submitted 60 Sprites Medal icon
    • Thanked 500 submitters Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
    • Submitted 100 Skins Medal icon
    • Reached 100 subscribers Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon
    Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage
    (づ。◕‿‿◕。)づ
    8y

    CSS

    #PostsListModule div.Content > ul > li
    {
      display : none;
    }
    
    /* Replace 4 below with whatever no. of messages you want to display. */
    
    #PostsListModule div.Content > ul > li:nth-child(-n+4)
    {
      display : block;
    }
    
    
    Above code will show 4 messages. Copy and paste that in Notepad -> Save As -> "1.css" [with double quotes] or just save it as a .css file in Notepad. Now upload that file to GB by going to Settings -> Uberstyle. Done.
    Sublime Starlight
    URL to post: