0
Welcome Guest! Login
0 items Join Now

How to edit styling of weblinks?

Last Post
Search Topic

  • How to edit styling of weblinks?

    Posted 12 years 9 months ago
    • Hello,

      I'm trying to add a pdf icon to all pdf links. I edited the css code with this:
      a[href$='.pdf'] {
    display:inline-block;
    padding-right:20px;
   background:transparent url(http://www.dioceseofcleveland.org/worship/images/pdficon_small.png) center right no-repeat;
}

      for the main Hivemind template, and it works for all links that I've entered into an article ex.( dioceseofcleveland.org/worship/ )

      But, on pages where I have a category list of weblinks ex.( dioceseofcleveland.org/worship/index.php...gory&id=80&Itemid=50 ) it is not using the ".pdf" from the title of the pdf document, so the css code that worked above is ignored.

      I tried putting this in the template CSS, since the web category list layout links now end with "Itemid=50":
      a[href$='Itemid=50'] {
          display:inline-block;
          padding-right:20px;
         background-image: url(http://www.dioceseofcleveland.org/worsh ... _small.png) center right no-repeat;
     }

      It seems to have done something, because it moved some of my long pdf links down, but I think the image is in the background behind the <td>

      Any ideas on how I can add this same sort of formatting to ONLY pdfs in the category weblinks tables would be greatly appreciated.

      Thanks,
      Janet
    #853214
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: How to edit styling of weblinks?

    Posted 12 years 9 months ago
    #853962

Time to create page: 0.048 seconds