Announcement

Collapse
No announcement yet.

Which Style Vars?

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

  • Which Style Vars?

    Hello guys

    which are the stylvars that control font family and size of the nav tab titles and the forum titles ?

    please see the screenshot.
    Attached Files

  • #2
    The tabs are controlled by the header_tabbar style variables.

    You have to overwrite the forum title size using CSS directly in your css_additional.css template.
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud demonstration site.
    vBulletin 5 API - Full / Mobile
    Vote for your favorite feature requests and the bugs you want to see fixed.

    Comment


    • #3
      Originally posted by Wayne Luke View Post
      The tabs are controlled by the header_tabbar style variables.

      You have to overwrite the forum title size using CSS directly in your css_additional.css template.
      Thanks Wayne.

      Can you please give me an example of CSS to overwrite my forum title size in my css_additional.css template ?

      Comment


      • #4
        I use this on my cloud site:

        Code:
         
        /* Override some of the fonts without their own stylevars */
        .page-title-widget h1 {
            font-weight:bold;
            font-size: 24pt;
        }
        
        .forum-list-container .category-header, #widget_5 .widget-header, #widget_4 .widget-header {
            background: linear-gradient(45deg, rgba(102,73,34,1) 0%,rgba(170,120,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        }
        
        .forum-list-container .category-header .category {
            height:37px; 
            font-family: "Source Sans Pro", Helvetica,Arial,Verdana,sans-serif;
            font-size: 18pt !important; 
            padding-top: 6px; 
            letter-spacing:2px; 
            font-weight:normal; 
            font-variant:small-caps;
        }
        
        .forum-list-container .forum-item .cell-forum .forum-title { 
            font-size: 16pt; 
        }
        You would have to use a browser like Chrome or Firefox, inspect the element you want to change and edit the CSS inline to get it to fit your needs.
        Translations provided by Google.

        Wayne Luke
        The Rabid Badger - a vBulletin Cloud demonstration site.
        vBulletin 5 API - Full / Mobile
        Vote for your favorite feature requests and the bugs you want to see fixed.

        Comment


        • #5
          Thanks a lot Wayne Luke i'll try that code and see how it looks on my forum.

          Comment


          • #6
            As you can see on this screenshots, I tried all header_tabbar style variables but no one has effect on the size of the Header Subtabbar Font.

            The Header Subtabbar Font is still small .

            Comment


            • #7
              What is the computed CSS from your browser's developer tools?
              Translations provided by Google.

              Wayne Luke
              The Rabid Badger - a vBulletin Cloud demonstration site.
              vBulletin 5 API - Full / Mobile
              Vote for your favorite feature requests and the bugs you want to see fixed.

              Comment


              • #8
                Originally posted by Wayne Luke View Post
                What is the computed CSS from your browser's developer tools?
                Now its OK. Thanks a lot.
                Last edited by Merenguista; Wed 29th Aug '18, 5:06am.

                Comment

                Related Topics

                Collapse

                Working...
                X