Announcement

Collapse
No announcement yet.

Editing CSS

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

  • Editing CSS

    Hi,

    I am trying to edit CSS for a website, however when I just click save, it fails to substitute {vb:stylevar ...} into its value.

    Code:
    #htmlTag .slideshow .slideshow-wrapper > .jcarousel-next-horizontal,
    #htmlTag .slideshow .thumbnails > .jcarousel-next-horizontal,
    #htmlTag .slideshow .slideshow-wrapper > .jcarousel-prev-horizontal,
    #htmlTag .slideshow .thumbnails > .jcarousel-prev-horizontal,
    #htmlTag .conversation-list.stream-view .list-item-header .info .subscribed span,
    #htmlTag .conversation-list.stream-view .list-item-header .info .joined span,
    #htmlTag .private-message-widget .pending-posts-container .photo-count .icon,
    #htmlTag .pending-post-overlay-container button .button-icon,
    #htmlTag #main-navbar .lnkAdminCP a .icon,
    #htmlTag .selectBox-dropdown .selectBox-arrow,
    #htmlTag #pmFloatingBarContent button .button-icon,
    #htmlTag .profile-sidebar-widget .profileContainer .profile-acct .edit-user-link,
    #htmlTag .profile-sidebar-widget .profileContainer .profile-acct .edit-user-link:hover,
    #htmlTag .profileNavOuter .icon,
    #htmlTag #edit-navbar .navbar-list .nav-item-controls > .navbar-item-delete,
    #htmlTag #edit-navbar .navbar-list .nav-item-controls > .navbar-item-edit,
    #htmlTag #edit-navbar .navbar-list .nav-item-controls > .navbar-item-opensubnav,
    #htmlTag #add-modules .category-arrow-left,
    #htmlTag #create-new-module-dialog .category-arrow-left,
    #htmlTag #add-modules .category-arrow-right,
    #htmlTag #create-new-module-dialog .category-arrow-right,
    #htmlTag .page_manager_table .buttons span,
    #htmlTag .dataTables_wrapper .axdtable .axdtable-action .editlink > span,
    #htmlTag .dataTables_wrapper .axdtable .axdtable-action .deletelink > span,
    #htmlTag .dataTables_wrapper .axdtable .axd-cell > span,
    #htmlTag .vb-icon,
    #htmlTag .forum-list-container .forum-item .cell-forum .icon,
    #htmlTag .forum-list-container .subforum-list .subforum-item .icon,
    #htmlTag .forum-list-container .forum-item.sub .cell-forum .icon,
    #htmlTag .topic-list-container .topic-list .topic-item .cell-topic .topic-wrapper .go-to-first-unread,
    #htmlTag .topic-list-container .topic-list .topic-item .cell-lastpost .go-to-last-post,
    /*#htmlTag .moderationmenu_container .moderation-mainmenu .moderation > span,*/
    #htmlTag .adminmenu_container .admin-mainmenu .moderation > span,
    /*#htmlTag .moderationmenu_container .moderation-mainmenu .administrative > span ,*/
    #htmlTag .adminmenu_container .admin-mainmenu .administrative > span,
    #htmlTag .notice > .close,
    #htmlTag .faqs .ui-accordion .ui-accordion-header .ui-icon,
    #htmlTag .faqs .faq-search-title .ui-icon,
    #htmlTag .faqs .ui-accordion .ui-state-active .ui-icon,
    #htmlTag #private-message-search #private-message-search-button-container #btnSearchPM:before,
    #htmlTag .conversation-list.stream-view .list-item.list-item-channel.list-item-forum .avatar .forum-icon,
    #htmlTag .b-comp-menu-dropdown__trigger-icon--gear-icon,
    #htmlTag .b-comp-menu-dropdown__trigger-icon--topic-icon {
        background-image: url("images/{vb:stylevar imgdir_button}/css/sprite_icons_vb_{vb:stylevar textdirection}.svg");
    }
    What am I doing wrong?

  • #2
    You can't put variables into css_additional.css.
    MARK.B | vBULLETIN SUPPORT

    TalkNewsUK - My vBulletin 5.5.2 Demo
    AdminAmmo - My Cloud Demo

    Comment


    • #3
      Stylevars don't work in custom css when added via Sitebuilder because of the vBCloud restriction which also affected the self-hosted version.

      I opened a JIRA on that a couple of months ago - http://tracker.vbulletin.com/browse/VBV-16683

      Try editing the css_additional template in AdminCP and make sure the "Text Only" checkbox is not checked. Stylevars should work there.

      GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

      Comment


      • #4
        Originally posted by Glenn Vergara View Post
        Stylevars don't work in custom css when added via Sitebuilder because of the vBCloud restriction which also affected the self-hosted version.

        I opened a JIRA on that a couple of months ago - http://tracker.vbulletin.com/browse/VBV-16683

        Try editing the css_additional template in AdminCP and make sure the "Text Only" checkbox is not checked. Stylevars should work there.
        Where do i go to edit the css_additional template in AdminCP. can't find it.

        Comment


        • #5
          Navigate to Styles > Search in Templates, then search for css_additional and choose to search for title only.

          GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

          Comment

          Related Topics

          Collapse

          Working...
          X