Announcement

Collapse
No announcement yet.

Changing forum title fonts and other fonts on main page

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

  • Changing forum title fonts and other fonts on main page

    I hope this question hasn't been done too much. I managed to find one or two similar questions over the years but am still not sure how to do it. Would be much appreciated, thanks.

  • #2
    Start Here:

    https://www.vbulletin.com/forum/foru...in-vbulletin-5

    Comment


    • #3
      Sorry i should have been more specific. I just want to enlarge the font.

      Comment


      • #4
        For the forum titles, you have to overwrite the CSS and place your new CSS within the css_additional.css template. If you have a modern browser like Chrome or Firefox, you can right click on the text you want to change and choose "Inspect Element". It will tell you want the classes are to overwrite.

        Some examples that I use on one of my sites:
        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; 
        }
        Last edited by Wayne Luke; Mon 27 Aug '18, 12:47pm.
        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
          Originally posted by Wayne Luke View Post
          For the forum titles, you have to overwrite the CSS and place your new CSS within the css_additional.css template. If you have a modern browser like Chrome or Firefox, you can right click on the text you want to change and choose "Inspect Element". It will tell you want the classes are to overwrite.

          Some examples that I use on one of my sites:
          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;
          }
          When I go to the additional css on the Admin CP - the edit button remains dimmed and does not allow me in.

          Comment


          • #6
            If you double-click the template in the menu on the left it should open.

            Comment


            • #7
              Are you on vBCloud? Editing templates is not allowed on vBCloud. Another way to add custom CSS is via Sitebuilder (Edit Site ON) > Styles > CSS Editor on the frontend.

              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


              • #8
                Originally posted by In Omnibus View Post
                If you double-click the template in the menu on the left it should open.
                Nothing happens when I double click on additional css - as the photo shows. Also additional css is in orange if that means anything..

                Comment


                • #9
                  Originally posted by Glenn Vergara View Post
                  Are you on vBCloud? Editing templates is not allowed on vBCloud. Another way to add custom CSS is via Sitebuilder (Edit Site ON) > Styles > CSS Editor on the frontend.
                  No, didn't buy the vBcloud.

                  Comment


                  • #10
                    Then for some reason you don't have permission to edit templates. Are you the owner of the site? If not, you need to contact the owner/super administrator so they can give you permission to edit templates.
                    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


                    • #11
                      What Wayne said. But as I mentioned earlier, you can also add custom CSS using Sitebuilder. This works for both self-hosted and vBCloud.

                      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


                      • #12
                        Originally posted by Wayne Luke View Post
                        Then for some reason you don't have permission to edit templates. Are you the owner of the site? If not, you need to contact the owner/super administrator so they can give you permission to edit templates.
                        Yes I am the site owner. Only uploaded the forum last week. Seems i am only administrator?



                        How do I make myself Super Admin?

                        Comment


                        • #13
                          In the /core/includes folder:
                          Find the config.php file.
                          Open it with a text editor. (Do not use wordpad) Notepad++ is free if you need an editor.

                          Find the following on or around Line 137:

                          // ****** SUPER ADMINISTRATORS ******
                          // The userids specified below will have permission to access all areas of vBulletin 5.
                          // Note that this is different to vB3 & vB4 where they only had extra permissions in the
                          // Admin Control Panel. Be very careful who you grant this super power to.
                          // The name of this setting has changed from superadministrator to superadmins.
                          // This is to avoid the accidental granting of this permission when using older config files.
                          $config['SpecialUsers']['superadmins'] = '1';

                          If you set the account up your UserID should be "1"
                          Add it where you see the "1" above.
                          Save the file.

                          Comment


                          • #14
                            Originally posted by In Omnibus View Post
                            In the /core/includes folder:
                            Find the config.php file.
                            Open it with a text editor. (Do not use wordpad) Notepad++ is free if you need an editor.

                            Find the following on or around Line 137:

                            // ****** SUPER ADMINISTRATORS ******
                            // The userids specified below will have permission to access all areas of vBulletin 5.
                            // Note that this is different to vB3 & vB4 where they only had extra permissions in the
                            // Admin Control Panel. Be very careful who you grant this super power to.
                            // The name of this setting has changed from superadministrator to superadmins.
                            // This is to avoid the accidental granting of this permission when using older config files.
                            $config['SpecialUsers']['superadmins'] = '1';

                            If you set the account up your UserID should be "1"
                            Add it where you see the "1" above.
                            Save the file.
                            Found it. It is already just as you pasted. I am not sure what is going on..
                            Last edited by Hellas; Fri 31 Aug '18, 5:55am.

                            Comment


                            • #15
                              Originally posted by Hellas View Post

                              Found it. It is just as you pasted. What do I replace the '1' with? My user name on the forum?
                              No. Leave the "1" there. It's your UserID based upon the screenshot you posted. .

                              Comment

                              Related Topics

                              Collapse

                              Working...
                              X