The Arcive of Official vBulletin Modifications Site.

JCP_91 · #1 08-22-2016, 10:57 AM

Hi, does anyone know how to change the font size of the h1 title, on the homepage only? I am using one of the VB5 default themes. I want to make the title module on the homepage small but keep it the same size on the rest of the pages? Is there a specific homepage file I can edit? It would be great if someone could share how to do it.

Thank you!

shimei · #2 08-22-2016, 07:49 PM

Quote:

Originally Posted by JCP_91

Hi, does anyone know how to change the font size of the h1 title, on the homepage only? I am using one of the VB5 default themes. I want to make the title module on the homepage small but keep it the same size on the rest of the pages? Is there a specific homepage file I can edit? It would be great if someone could share how to do it.

Thank you!

Which one? Aren't there several H1s on the homepage of Vb5?

http://www.seoreviewtools.com/html-headings-checker/

You may want to include a link to your site and specify, because every module's title in Vb5 is h1. If your site in question is in your signature...

To change them all. In additional_css change, add the following but change the below font size to your desired size:

.module-title h1 {
font: normal 10px 'ralewaysemibold',sans-serif;
}

JCP_91 · #3 08-23-2016, 12:01 PM

Thanks for the reply!

Yes there are multiple H1s. I only want to change the font of the "Page Title" module, on the homepage only?

Is this possible to do? Thanks

noypiscripter · #4 08-23-2016, 02:00 PM

Every page has a unique CSS class in the body tag in the format of pageXXX where XXX is the page id. You can use that in your CSS to distinguish the homepage.

I'm just on my phone at the moment I can't post the exact CSS to use.

shimei · #5 08-23-2016, 04:07 PM

Quote:

Originally Posted by noypiscripter

Every page has a unique CSS class in the body tag in the format of pageXXX where XXX is the page id. You can use that in your CSS to distinguish the homepage.

I'm just on my phone at the moment I can't post the exact CSS to use.

How do you find the page id on every page Glenn? I can find the individual widget id of the module but I can't find the page id?

Would appreciate maybe step by step instructions. For example, F12 in Firefox.... then....

Enjoy,
William

noypiscripter · #6 08-23-2016, 04:28 PM

Right click > Inspect, then look for <body> tag. It has a class "pageXXX".

For example, in my site, the homepage pageid is 1, so the body tag has page1 class. To change the font size for the page title on homepage, the CSS would be:

Code:

.page1 .page-title-widget .module-title h1 {
    font-size: 30px;
}

JCP_91 · #7 08-24-2016, 10:06 AM

Thanks, works perfectly!

SPVB · #8 01-01-2022, 11:27 PM

Worked perfectly for me too! Thank you so much!

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04214 seconds Memory Usage 2,231KB Queries Executed 13 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)ad_showthread_firstpost (1)ad_showthread_firstpost_sig (1)ad_showthread_firstpost_start (1)bbcode_code (2)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (8)post_thanks_box (3)post_thanks_box_bit (8)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (2)post_thanks_postbit (8)post_thanks_postbit_info (8)postbit (8)postbit_onlinestatus (8)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_postinfo_query fetch_postinfo fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

2 благодарности(ей) от:
JCP_91, MarkFL

Благодарность от:
MarkFL

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!