NYCPHP Meetup

[David Roth]

In Joomla, the main controlling place for H tags, font color, size, etc is
in the CSS usually found in template.css in the template's directory. You
could use HTML in the Joomla Article to override the CSS, but there is an
easier option. You can define custom CSS to use which can be selected as a
Style in the editor.

Here is an example. I'm not using actual CSS syntax, just a way to explain
it:
So let's say you defined H1 as 26px with the color red in template.css for
the whole template so each time you do an H1, it produces that size and
color. Then you have custom situations where you want H1 to be 16x and the
color to be blue. You define custom CSS and give it some name like
H1BlueSmaller or a name which might have more meaning to its use such
as Testimonial_Header. Then within the Styles which you can select in the
editor you select Testimonial_Header for the highlighted text you want to
appear just as H1 16x and color blue.

Look up Joomla tutorials about creating custom CSS and styles. As I
mentioned, you could put this to override in the Joomla Article as HTML but
it becomes a mess and it doesn't go to helping build a library of the look
for the template.

David Roth


On Thu, Mar 21, 2013 at 12:22 PM, Unitel <unitelny at gmail.com> wrote:

> ** **
>
> Yes you’re absolutely on the money (you both) is a question of design
> concept. What about my second question? – If –in my css- my H1 tag is 26px
> red and my H3 is 16px blue and in the actual article I decide to change the
> H1 form 26px to 16px and change the color from red to blue in other words
> same as H3 – I think it doesn’t change the actual H1 value (in terms of
> seo) even thought I changed style to same as H3? ****
>
> ** **
>
> I hope am making sense.****
>
> ** **
>
> ** **
>
> Best regards,****
>
> ** **
>
> Marcos Miranda ****
>  [image: ---]
>
> ** **
>  ------------------------------
>
> *From:* joomla-bounces at lists.nyphp.org [mailto:
> joomla-bounces at lists.nyphp.org] *On Behalf Of *David Roth
> *Sent:* Thursday, March 21, 2013 12:10 PM
> *To:* NYPHP SIG: Joomla
> *Subject:* Re: [joomla] H Tags****
>
> ** **
>
> I think what you are looking for is a forumla for design which is going to
> depend on the design concept of the Joomla template's CSS. In general, the
> H1 tags are largest and the H6 the smallest but they can vary greatly
> depending on what the designer did in the CSS. This is also true of the
> color as well.****
>
> ** **
>
> HTML itself has a default value to use for the H tags, but most Joomla
> templates override them using CSS to follow the art of the design.****
>
> ** **
>
> If you look at a bunch of Joomla templates like those commercial found in
> places like shape5.com, you will see the sizes vary to match the design.**
> **
>
> ** **
>
> David Roth****
>
> On Thu, Mar 21, 2013 at 11:57 AM, Unitel <unitelny at gmail.com> wrote:****
>
> Ops forgot subject line.****
>
>  ****
>
> The question is not about css. The question is about average/standard/or
> most current used size of H tags. And whether changing the style, be it the
> size or color changes the value of H, 1,2,3,4,5,6.****
>
>  ****
>
>  ****
>
>  ****
>
> Best regards,****
>
>  ****
>
> Marcos Miranda ****
>
> [image: ---]****
>
>  ****
>  ------------------------------
>
> *From:* joomla-bounces at lists.nyphp.org [mailto:
> joomla-bounces at lists.nyphp.org] *On Behalf Of *Stephen Britton
> *Sent:* Thursday, March 21, 2013 11:49 AM
> *To:* NYPHP SIG: Joomla
> *Subject:* Re: [joomla] (no subject)****
>
>  ****
>
> Hi Marcos,****
>
>  ****
>
> All this stuff is controlled by CSS. If you want to become a Joomla pro,
> you need to learn about CSS and HTML. Once you master the basics of
> CSS/HTML, you can do almost anything you want with Joomla. There are lots
> of tutorials on the web. Just Google "CSS tutorial".****
>
>  ****
>
> Check the CSS style sheet in the template and see what styles have been
> assigned to the "H" tags. You can also find out the styles by using the
> Firebug extension in Firefox.****
>
>  ****
>
> Also, please, please! do NOT send out email to this list with a blank
> subject line. It makes it difficult to sort and organize email. ****
>
>  ****
>
> All best,****
>
>  ****
>
> Steve****
>
>  ****
>
> On Thu, Mar 21, 2013 at 11:30 AM, Unitel <unitelny at gmail.com> wrote:****
>
> Hello everyone,****
>
>  ****
>
> A search for “average font size of H tags” comes up with following;****
>
>  ****
>
>    1. H1 = 24PX****
>    2. H2 = 22PX****
>    3. H3 = 18PX****
>    4. H4 = 16PX****
>    5. H5 = 12PX****
>    6. H6 = 10PX****
>
>  ****
>
> Are those sizes reasonable?****
>
> ================================================================****
>
> Assuming I set up my H tags in my template as per above. And in the
> article I decide, for asthetics reasons, to change the size of H1 from 24px
> to 18px and change the color to blue. It is still an H1 tag? No matter the
> size change or that it’s the same size as the H3? -****
>
>  ****
>
> Best regards,****
>
>  ****
>
> Marcos Miranda ****
>
> [image: ---]****
>
>  ****
>
>
> _______________________________________________
> ****New York**** PHP SIG: Joomla! Mailing List
> http://lists.nyphp.org/mailman/listinfo/joomla
>
> NYPHPCon 2006 Presentations Online
> http://www.nyphpcon.com
>
> Show Your Participation in ****New York**** PHP
> http://www.nyphp.org/show_participation.php****
>
>
>
> ****
>
>  ****
>
> --
> Stephen Britton
> Technology Consultant
> sbritton at gmail.com
> Twitter: @StephenBritton****
>
> ph: 914-661-0040****
>
>  ****
>
> "Life isn't about finding yourself. Life is about creating yourself." -
> George Bernard Shaw****
>
>
> _______________________________________________
> ****New York**** PHP SIG: Joomla! Mailing List
> http://lists.nyphp.org/mailman/listinfo/joomla
>
> NYPHPCon 2006 Presentations Online
> http://www.nyphpcon.com
>
> Show Your Participation in ****New York**** PHP
> http://www.nyphp.org/show_participation.php****
>
> ** **
>
> _______________________________________________
> New York PHP SIG: Joomla! Mailing List
> http://lists.nyphp.org/mailman/listinfo/joomla
>
> NYPHPCon 2006 Presentations Online
> http://www.nyphpcon.com
>
> Show Your Participation in New York PHP
> http://www.nyphp.org/show_participation.php
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.nyphp.org/pipermail/joomla/attachments/20130321/3af5b483/attachment-0001.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image001.gif
Type: image/gif
Size: 3357 bytes
Desc: not available
URL: <http://lists.nyphp.org/pipermail/joomla/attachments/20130321/3af5b483/attachment-0001.gif>