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 Social Icons in Postbit Like Counts on 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 Social Icons in Postbit Like Counts on Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts ...and more!

          Comment

          Related Topics

          Collapse

          Working...
          X