Changing forum title fonts and other fonts on main page

[Hellas]

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.

[LockedOnLaw]

Start Here:

https://www.vbulletin.com/forum/forum/vbulletin-5-connect/vbulletin-5-connect-questions-problems-troubleshooting/vbulletin-5-tutorials/419024-using-google-webfonts-in-vbulletin-5

[Hellas]

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

[Wayne Luke]

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:

/* 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; 
}

[Hellas]

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:

/* 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.

[LockedOnLaw]

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

[glennrocksvb]

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.

[Hellas]

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..

[Hellas]

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.

[Wayne Luke]

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.

[glennrocksvb]

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

[Hellas]

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?

[LockedOnLaw]

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.

[Hellas]

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..

[LockedOnLaw]

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. .