The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
|||
|
|||
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! |
#2
|
|||
|
|||
Quote:
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; } |
#3
|
|||
|
|||
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 |
#4
|
||||
|
||||
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. |
#5
|
|||
|
|||
Quote:
Would appreciate maybe step by step instructions. For example, F12 in Firefox.... then.... Enjoy, William |
#6
|
||||
|
||||
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; } |
#8
|
|||
|
|||
Worked perfectly for me too! Thank you so much!
|
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|