0
Welcome Guest! Login
0 items Join Now

H1/H2 character spacing

  • H1/H2 character spacing

    Posted 14 years 7 months ago
    • Hi Folks, this is my first ever post on the famous rocket-theme site so apologies if its in the wrong section mods.
      I have noticed from working on the GPL releases in the past (afterburner and quasar) and this weekend panacea, that H1 H2 etc tags have a cramped together look when you use your own font, I have fixed this on all/any RT templates by adding in the following code in the mainbody CSS - "#rt-mainbody h1 {letter-spacing:0.5px} h2 {letter-spacing:0.5px}"
      Just wanted to share in case anyone else has same problem as I couldn't find anywhere when I looked as a non-member.
      Thanks
      Col
    • Sharon Gaughan's Avatar
    • Sharon Gaughan
    • Sr. Rocketeer
    • Posts: 247
    • Thanks: 0
    • Information Science & Technology

    Re: H1/H2 character spacing

    Posted 14 years 7 months ago
    • Colin Anderson wrote:
      ... I have fixed this on all/any RT templates by adding in the following code in the mainbody CSS ...
      Where did you find mainbody.css and is the location true for all of the templates?
    • Sharon Sinéad Gaughan
      Fairfax, VA  USA

      Apache / MySQL 5.0.95 / PHP 5.3.24 / Joomla! 2.5.20 / Gantry 4.1.20
      Custom: rt_hexeris-custom.css and rt_hexeris-custom.less
  • Re: H1/H2 character spacing

    Posted 14 years 7 months ago
    • Hi Sharon,
      I found it a while ago working on a Quasar template for a client. I think I found it in the html or php files as a reference.
      Then the edit worked fine. When I came up against the same problem with a Panacea template job I just cut and paste the same edit under the //Mainbody// section of the template.css file and again it worked perfectly so I'm guessing it'll work for all Gantry templates.
    • Sharon Gaughan's Avatar
    • Sharon Gaughan
    • Sr. Rocketeer
    • Posts: 247
    • Thanks: 0
    • Information Science & Technology

    Re: H1/H2 character spacing

    Posted 14 years 7 months ago
    • At least one recent template, Quantive, does not have a mainbody.css file, so one has to hack joomla-root/templates/rt_quantive_j15/html/layouts/body_mainbody.php.

      The mileage does indeed vary.
    • Last Edit: 14 years 7 months ago by Sharon Gaughan.
    • Sharon Sinéad Gaughan
      Fairfax, VA  USA

      Apache / MySQL 5.0.95 / PHP 5.3.24 / Joomla! 2.5.20 / Gantry 4.1.20
      Custom: rt_hexeris-custom.css and rt_hexeris-custom.less
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: H1/H2 character spacing

    Posted 14 years 7 months ago
    • That is not correct Sharon,

      Quantive has (like all other Club-Gantry-templates) a template.css

      ...
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: H1/H2 character spacing

    Posted 14 years 7 months ago
    • Adding this to the CSS in your template

      div.rt-joomla h1 {letter-spacing: 0px;}
      div h2.title {letter-spacing: 0px;}

      will override the negative letter-spacing that is coming from the CSS in the com_gantry.
    • Sharon Gaughan's Avatar
    • Sharon Gaughan
    • Sr. Rocketeer
    • Posts: 247
    • Thanks: 0
    • Information Science & Technology

    Re: H1/H2 character spacing

    Posted 14 years 7 months ago
    • Henning wrote:
      That is not correct Sharon,
      Quantive has (like all other Club-Gantry-templates) a template.css...
      Sorry, my mistake. I mean to say Quantive does not have a mainbody.css file. I have corrected my earlier post. :oops:
    • Sharon Sinéad Gaughan
      Fairfax, VA  USA

      Apache / MySQL 5.0.95 / PHP 5.3.24 / Joomla! 2.5.20 / Gantry 4.1.20
      Custom: rt_hexeris-custom.css and rt_hexeris-custom.less
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: H1/H2 character spacing

    Posted 14 years 7 months ago
    • :-) you really dont have to hack something. Do it with css ...
    • Sharon Gaughan's Avatar
    • Sharon Gaughan
    • Sr. Rocketeer
    • Posts: 247
    • Thanks: 0
    • Information Science & Technology

    Re: H1/H2 character spacing

    Posted 14 years 7 months ago
    • Henning wrote:
      :-) you really dont have to hack something. Do it with css ...
      Really? Then how does one do mainbody if mainbody.css is not present?
    • Sharon Sinéad Gaughan
      Fairfax, VA  USA

      Apache / MySQL 5.0.95 / PHP 5.3.24 / Joomla! 2.5.20 / Gantry 4.1.20
      Custom: rt_hexeris-custom.css and rt_hexeris-custom.less
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: H1/H2 character spacing

    Posted 14 years 7 months ago
    • 8)
      Adding this to the CSS in your template

      div.rt-joomla h1 {letter-spacing: 0px;}
      div h2.title {letter-spacing: 0px;}

      will override the negative letter-spacing that is coming from the CSS in the com_gantry.

      in wich css-file doesnt really matter as long as its loaded ...

Time to create page: 0.069 seconds