vb.org Archive - Edit H1 title font size, on homepage only?

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB5 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=262)

- - Edit H1 title font size, on homepage only? (https://vborg.vbsupport.ru/showthread.php?t=323319)

JCP_91

08-22-2016 10:57 AM

Edit H1 title font size, on homepage only?

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

08-22-2016 07:49 PM

Quote:

Originally Posted by JCP_91 (Post 2575099)

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

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

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

08-23-2016 04:07 PM

Quote:

Originally Posted by noypiscripter (Post 2575146)

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

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

08-24-2016 10:06 AM

Thanks, works perfectly!

SPVB	01-01-2022 11:27 PM

Worked perfectly for me too! Thank you so much!

All times are GMT. The time now is 05:31 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.02502 seconds Memory Usage 1,726KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (8)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: