Announcement

Collapse
No announcement yet.

Custom Forum Icons of vB Cloud

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • KYLEtheHUTT
    replied
    Thanks again. That fixed it.

    Leave a comment:


  • Glenn Vergara
    replied
    Check post #13 of that thread

    http://www.vbulletin.com/forum/forum...48#post4323648

    Leave a comment:


  • KYLEtheHUTT
    replied
    Glenn Vergara

    This is the code I added and it worked well for the home page with the forum icons.

    /* Forums */
    .forum-list-container .forum-item .cell-forum .icon {
    background: transparent url("http://s9.postimg.org/wy26x0xbf/SWH_POST_NEW.png") no-repeat; /* forum icon for forums with old posts */
    width: 40px; /* icon width */
    height: 42px; /* icon height */
    }
    .forum-list-container .forum-item.new .cell-forum .icon {
    background: transparent url("http://s3.postimg.org/5n20vamjj/SWH_LOGO_POST.png") no-repeat; /* forum icon for forums with new posts */
    width: 40px; /* icon width */
    height: 42px; /* icon height */
    }
    .forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info {
    padding-{vb:stylevar left}: 48px; /* icon width + 8 */
    }
    .forum-list-container .forum-item .cell-forum .forum-desc {
    margin-{vb:stylevar left}: 48px; /* icon width + 8 */
    margin-top: -25px; /* 17 - icon height */
    }
    /* Sub Forums */
    .forum-list-container .subforum-list > td {
    padding-{vb:stylevar left}: 53px; /* icon width + 13 */
    }
    /* Responsive */
    media only screen and (max-width: 768px) {
    .forum-list-container .forum-item .cell-forum .forum-desc {
    margin-{vb:stylevar left}: 48px; /* icon width + 8 */
    }
    .forum-list-container .subforum-list > td {
    padding-{vb:stylevar left}: 73px; /* icon width + 33 */
    }
    }
    /* end custom forum icons */



    But I think it might've messed up the way sub-forums appear on a different page. Anything you see that I can fix that will make this appear the way it did before?

    Leave a comment:


  • KYLEtheHUTT
    replied
    Thanks Glenn.

    Leave a comment:


  • Glenn Vergara
    replied
    In vBCloud, the only way to add custom CSS (since you are not allowed to edit templates) is via Sitebuilder. Click Edit Site On (if Off) then click Style > CSS Editor tab >Select a style, then paste the custom CSS in the box. Repeat for different styles as needed.

    Leave a comment:


  • KYLEtheHUTT
    replied
    Glenn Vergara thanks. I feel kinda stupid for asking this, but where do I add custom CSS in the admin control panel? I don't see anywhere that clearly says custom CSS. Sorry, pretty new to being a website owner and learning as I go.

    Leave a comment:


  • Glenn Vergara
    replied
    You can upload files in vBCloud in AdminCP. Upload the icons you want to use and then use the generated URLs as paths for the images in the custom CSS provided in this thread:

    http://www.vbulletin.com/forum/forum...icons-any-size

    Leave a comment:


  • KYLEtheHUTT
    started a topic Custom Forum Icons of vB Cloud

    Custom Forum Icons of vB Cloud

    I've looked through the stylevar editor and haven't been able to track down anything that would suggest that I can change the icons next to each forum that change based on whether there are new/old posts in that particular forum.

    I was wondering if it could be done in vB Cloud and if so, how?

    Any help would be greatly appreciated, thanks.

Related Topics

Collapse

Working...
X