Keyword

Select Image css formatting

  • Ric Ordea
  • Ric Ordea's Avatar Topic Author
  • Offline
  • New Member
More
13 years 3 days ago #100175 by Ric Ordea
Select Image css formatting was created by Ric Ordea
I am using DOCman 1.5 with K2. The K2 css for img causes all images on the site to have padding, margins and a border. I have DOCman pdfs listed in K2 with the pdf icon to the left in the content but everything is spacing strange because of the K2 css. How can I override the K2 css prevent these styles from being applied to the pdf icons specifically?Here is a sample link:

66.147.244.53/~uchdnet/index.php?option=com_k2&view=item&layout=item&id=227&Itemid=301

 

Thanks!

Please Log in or Create an account to join the conversation.

  • Kannan Naidu Venugopal
  • Kannan Naidu Venugopal's Avatar
  • Offline
  • Platinum Member
  • Aham Brahmasmi
More
13 years 3 days ago #100176 by Kannan Naidu Venugopal
Replied by Kannan Naidu Venugopal on topic Select Image css formatting
Hi Ric Ordea,

 

You can try by deleting the margin and border in k2.css and just remain with the padding

div.itemFullText img { background: none repeat scroll 0 0 #151515;
border:  ;
margin: 0px;
padding: 2px;
}

and remove the same for the light-theme.css

K2 Rocks \m/

Please Log in or Create an account to join the conversation.

  • Ric Ordea
  • Ric Ordea's Avatar Topic Author
  • Offline
  • New Member
More
13 years 3 days ago #100177 by Ric Ordea
Replied by Ric Ordea on topic Select Image css formatting
Thanks Kannan!

The problem is that I only want to unformat the pdf icon images. If I change the k2.css it will reformat all images in the articles on the entire site. Is there any way to just format the icon image based on image name or something like that? DOCman doesn't apply id tags to the images or this would be easy.

Please Log in or Create an account to join the conversation.

  • Ric Ordea
  • Ric Ordea's Avatar Topic Author
  • Offline
  • New Member
More
12 years 11 months ago #100178 by Ric Ordea
Replied by Ric Ordea on topic Select Image css formatting
Can anyone else offer any suggestion to resolve this issue?

Please Log in or Create an account to join the conversation.

  • Kannan Naidu Venugopal
  • Kannan Naidu Venugopal's Avatar
  • Offline
  • Platinum Member
  • Aham Brahmasmi
More
12 years 11 months ago #100179 by Kannan Naidu Venugopal
Replied by Kannan Naidu Venugopal on topic Select Image css formatting
Hi Ric,

 

You can add a custom class name to the pdf image like :

 

<img class="mypdfcss" alt="icon" src="/~uchdnet/components/com_docman/themes/default/images/icons/16x16/pdf.png">

 

and add the mypdfcss values and properties to a css file.

 

Just another suggestion, you can even make use of the excellent JB Type plugin by JoomlaBamboo It's free and supports Joomla 1.5 to 1.7. It also has a JCE JB Type plugin

K2 Rocks \m/

Please Log in or Create an account to join the conversation.

  • Ric Ordea
  • Ric Ordea's Avatar Topic Author
  • Offline
  • New Member
More
12 years 11 months ago #100180 by Ric Ordea
Replied by Ric Ordea on topic Select Image css formatting
Thanks again, unfortunately that requires my client to edit the code for each item they use the DOCman button to add an icon. Very easy but very scary to their non-coding little brains. Any ideas to how I can apply this class on the backend so that anytime the DOClink button places the code into the article the img will have the class assigned?

 

I really like the JB Type plugin! Definitely will be adding that!

Please Log in or Create an account to join the conversation.

  • Kannan Naidu Venugopal
  • Kannan Naidu Venugopal's Avatar
  • Offline
  • Platinum Member
  • Aham Brahmasmi
More
12 years 11 months ago #100181 by Kannan Naidu Venugopal
Replied by Kannan Naidu Venugopal on topic Select Image css formatting
Hi Ric,

 

Not sure how DOCman works but maybe you can ask the developers there for a quick fix ? Just a suggestion.

K2 Rocks \m/

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum