Keyword

Item Images - Wrapping Text.

  • Kristy Johnson
  • Kristy Johnson's Avatar Topic Author
  • Offline
  • New Member
More
13 years 6 months ago #95382 by Kristy Johnson
Item Images - Wrapping Text. was created by Kristy Johnson
Here is a page on my site:  jazzblues.lseeman.webfactional.com/index.php?option=com_k2&view=item&id=29:test-kj&lang=en

I also tried to fix my issue by following this recommendation:

simon.getk2.org/tips-and-tricks/item/372-item-images-wrapping-text/372-item-images-wrapping-text

 

I have also used Firebug to try to fix my issue, without any success.  So I decided that I would post here.

 

This image was added using the second tabI removed the div clear in the templates>views>item>tmpl>item.php , also changed the itemImage in the k2.css to float:left; margin-right:10px;

 

I want the image to be beside the content text.  The reason that I would like this to happen in this manner, is that we will be using the K2 item, which has the controlled image size to create and pull into a mailing template.  So I really need to get this working.  Can someone please help!!  Please.

 

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

More
13 years 6 months ago #95383 by william white
Replied by william white on topic Item Images - Wrapping Text.
Try finding


span.itemImage img in k2.css or your_style.css if using css4k2 and add float left

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

  • Kristy Johnson
  • Kristy Johnson's Avatar Topic Author
  • Offline
  • New Member
More
13 years 6 months ago #95384 by Kristy Johnson
Replied by Kristy Johnson on topic Item Images - Wrapping Text.
in my k2.css, this is what I have, and its not working.

div.itemImageBlock {padding:8px;margin:0 0 16px 0;}    span.itemImage {display:block;text-align:center; margin:0 0 8px 0;}    span.itemImage img {float:left;margin-right:10px; border:1px solid #ccc;padding:8px;}    span.itemImageCaption {color:#666;float:left;display:block;font-size:11px;}    span.itemImageCredits {color:#999;float:right;display:block;font-style:italic;font-size:11px;}

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

More
13 years 6 months ago #95385 by william white
Replied by william white on topic Item Images - Wrapping Text.
try adding the float left to the div.itemImageBlock line

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

  • Kristy Johnson
  • Kristy Johnson's Avatar Topic Author
  • Offline
  • New Member
More
13 years 6 months ago #95386 by Kristy Johnson
Replied by Kristy Johnson on topic Item Images - Wrapping Text.
I did that, and still no go.

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

More
13 years 1 week ago #95387 by Sotiris
Replied by Sotiris on topic Item Images - Wrapping Text.
put this in your css

 

.catItemImageBlock { float:left; margin-right: 10px;}

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


Powered by Kunena Forum