Welcome, Guest
Username: Password: Remember me

TOPIC: [SOLVED] Change style of h1 font size, uppercase + weight

Change style of h1 font size, uppercase + weight 3 years 9 months ago #1

  • stretch
  • stretch's Avatar
  • Offline
Hi,

Thanks for your support and info on your website using FireFox firebug. I've created my own custom css file and been able to customise a lot of what I need.

However I'd like to know the best way to update h1 styling in several places:

1. For text used in an article I'd like to set:
font-weight: 500;
text-transform: uppercase;

2. The title of all modules seem to use h3 even when I set 'Header tag' on the module Advanced tab to 'h1'. Is it possible to have modules display the title using the h1 font - using the same styling set in question 1?

3. The Font used by the title of the featured article seems to be h1 but without the color set in the blue.css. I see in firebug this is set by
#system .title a {
color: #444
}

How should I make this use the same font as question 1?

See example screen shots from my test home page.

Many thanks,

Mark
Attachments:
The administrator has disabled public write access.

Change style of h1 font size, uppercase + weight 3 years 9 months ago #2

  • joomlaplates
  • joomlaplates's Avatar
  • Online
Hi there,
yes youre right the Developer console is an amazing tool.

If you want to have the same headlines use this code below:
h1, h3, h1 a, h3 a {
font-size:30px !imporant;
color: #FF0000 !imporant;
}

Dont forget to insert the "!important" to override the style
The administrator has disabled public write access.

Change style of h1 font size, uppercase + weight 3 years 9 months ago #3

  • stretch
  • stretch's Avatar
  • Offline
I have thins in my custom css:
h1, h3, h1 a, h3 a {
  font-size:38px !imporant;
  line-height:38px !imporant;
  color: #2a73a9 !imporant;
  font-weight: 700;
  text-transform: uppercase;
}

This changes the headers in articles but the module titles only change to uppercase.

I happened to see with Chrome that the first three lines above are shown as invalid. See attachment. Any ideas?

Of can I have the module title use h1?

Thanks,

Mark

Line URL: www.soundsinsync.com/joomla3/
Attachments:
The administrator has disabled public write access.

Change style of h1 font size, uppercase + weight 3 years 9 months ago #4

  • joomlaplates
  • joomlaplates's Avatar
  • Online
Yes I see and it was my fail.
Please use "important" and not imporant

Here is the right code
h1, h3, h1 a, h3 a {
font-size:38px !important;
line-height:38px !important;
color: #2a73a9 !important;
font-weight: 700;
text-transform: uppercase;
}
The administrator has disabled public write access.
The following user(s) said Thank You: stretch

[SOLVED] Change style of h1 font size, uppercase + weight 3 years 9 months ago #5

  • stretch
  • stretch's Avatar
  • Offline
Problem solved.
The administrator has disabled public write access.
Moderators: joomlaplates

Einzelnes Theme ( Download 1 Template)

Das sog. "Einzelne Theme" ist für alle Kunden geeignet die lediglich ein (1) Template benötigen, egal ob kommerziell oder privat genutzt. Sie dürfen das erworbene Template auf einer Joomla Installation produktiv nutzen.


Mitgliedschaft ( Download alle Templates)

Während ihrer Mitgliedschaft ist es ihnen erlaubt alle Templates herunter zu laden und unseren Bestimmungen entsprechend zu nutzen. Nach Ablauf der Mitgliedschaft dürfen sie natürlich alle bereits in Nutzung befindlichen Templates weiter einsetzen. Sie haben jedoch nach Ende ihrer Mitgliedschaft keinen Zugriff mehr auf den Download Bereich und keinen Zugriff mehr auf Updates.

Die Zahlung ist einmalig und ihr Membership läuft automatisch aus, sofern sie es nicht erneuern.

Unsere Mitgliedschaften bieten wir ausschließlich über JoomlaPlates.com an.

Jetzt kaufen