0
Welcome Guest! Login
0 items Join Now

a title and a href giving weird results with Gantry CSS?

    • assur3's Avatar
    • assur3
    • Elite Rocketeer
    • Posts: 564
    • Thanks: 1

    a title and a href giving weird results with Gantry CSS?

    Posted 13 years 8 months ago
    • LAMP stack is up to date
      Joomla 1.7
      Gantry v. 3.2.8
      Tachyon J1.7

      Here is an example of the problem:
      http://saugatest.com/news/saugatuck-in-the-news.html

      Notice all the titles and links are weird, fluctuate between small and large. These looked fine in J1.5 with RT templates. After migrating to J1.7 with latest Gantry, it seems some font-size descriptor for "a title" and "a href" is being set by Gantry CSS, but I've tried everything in all the Gantry and Tachyon CSS files for font-size and can't find where these are being set.

      Would be so grateful for help on this.
  • Re: a title and a href giving weird results with Gantry CSS?

    Posted 13 years 8 months ago
    • Hello, I think this is not caused by gantry, but the inline css created by your wysiwyg editor, because I see something like this:
      <span style="font-size: 10pt; font-family: arial,helvetica,sans-serif;">

      Please turn your editor off and remove all the font-size attribute from the inline css.
    • assur3's Avatar
    • assur3
    • Elite Rocketeer
    • Posts: 564
    • Thanks: 1

    Re: a title and a href giving weird results with Gantry CSS?

    Posted 13 years 8 months ago
    • Hi, thanks for the response, but I don't really understand the issue, I think.

      All of the inline CSS are font-size: 10pt, this is true in this particular case. However.
      - Even though all the links are 10pt, when they are rendered in the article, they show as different sizes. Something is over-riding the explicit font settings. How can that be?
      - We get this same phenomenon throughout the site, such as saugatest.com/research/browse-research-library.html ; all the links in Mosets Tree have the same problem, also in various modules, etc.
      - When we use Firebug to see what renders these links, it's always on Gantry.css, hence our suspicion.
      - We went through all the JCE settings to find any anomalies, but everything is normal and identical to the previous site, with an older RT template.
      - Why shouldn't it be possible to explicity set the font size and expect the tempate to render the correct HTML? I don't understand how HTML that sets font-size: 10 and no bold still renders as bold and 12 point? Confused!
  • Re: a title and a href giving weird results with Gantry CSS?

    Posted 13 years 8 months ago
    • assur3 wrote:
      All of the inline CSS are font-size: 10pt, this is true in this particular case. However.
      - Even though all the links are 10pt, when they are rendered in the article, they show as different sizes. Something is over-riding the explicit font settings. How can that be?
      Not all links are defined with 10px font-size. Please check below screenshot.
      This image is hidden for guests.
      Please log in or register to see it.
      assur3 wrote:
      - We get this same phenomenon throughout the site, such as saugatest.com/research/browse-research-library.html ; all the links in Mosets Tree have the same problem, also in various modules, etc.
      All fonts seems to have same size, you just need to adjust the letter spacing. Add below codes in your template.css:
       
      #index h2 a {letter-spacing: -1px;}
      #index h2 span {letter-spacing: normal;}
       
      assur3 wrote:
      - When we use Firebug to see what renders these links, it's always on Gantry.css, hence our suspicion.
      Like shown in above screenshot, the font-size was written inline, not from Gantry. You just need to remove that span.
      assur3 wrote:
      - We went through all the JCE settings to find any anomalies, but everything is normal and identical to the previous site, with an older RT template.
      Please turn off your editor first and you will see the span I mentioned in the screenshot above. Some links have the span with font-size defined, but some links don't have
      assur3 wrote:
      - Why shouldn't it be possible to explicity set the font size and expect the tempate to render the correct HTML? I don't understand how HTML that sets font-size: 10 and no bold still renders as bold and 12 point? Confused!
      I have no clue about this. I think that's the editor which put that font-size or somehow you put that accidentally.
    • assur3's Avatar
    • assur3
    • Elite Rocketeer
    • Posts: 564
    • Thanks: 1

    Re: a title and a href giving weird results with Gantry CSS?

    Posted 13 years 7 months ago
    • Hi Arifin,
      Yes, I can adjust letter-spacing, but why does joomla.css in the Gantry CSS folder have this code in the first place? And why is this CSS in the Libraries, instead of in the template, where it's so hard to find? This is a real head-scratcher. It never used to be so hard to find the CSS over-rides with the previous templates, or so it seems.

      h1, h2 {
      letter-spacing: 0;
      line-height: 1em;
      }

      Also, Firebug shows us this code in template.css, which is certainly NOT in template.css and we cannot find anywhere to save our lives. Is Gantry or the RT template generating this somehow on the fly? Locating the offending CSS is becoming so much more mysterious with every new release of Gantry.

      #index .category h2 {
      font-size: 1.5em;
      font-weight: 400;
      margin: 10px 0 0;
      padding: 0;

Time to create page: 0.083 seconds