I am using Ja Rave Template and the new feature in article manager is the ability to add images in the “Images and Links” section on the right hand side of an article.
1. If I add the image and align it to the right in the article using the wysiwyg editor, on the home page the image floats over the text but aligns the image to the right. (see attached screen shot 1)
2. If I use the Images and links feature – the image appears above the article heading on the home page (see attached screen shot 2)
The css looks correct, but I dont see it being pulled through when running firebug to see what css is being called.
I would really appreciate your help. I hope that I have explained the issue clearly. I’ll be happy to provide more details if necessary.
As in our demo site, we also add image directly in articles, the problem here due to the width of images, as default layout for div displaying these featured articles, width for div: article-image is only 130px while its in your site now is bigger, please change resolution of these images.
Thanks very much for your response, helps me understand what the problem is. Where do we adjust the code so that we can have images larger than 130px…130px is too small for the purpose of that area on our site.
Also does the Images & Links area not work for these templates? How can I make changes to the css to enable these images to fit in with left padding when aligned to the right regardless of size?
Thank you, I appreciate your help, and thanking you in advance for a solution.
Hi micahgweb,
You can make change easily by using Google chrome inspect element or Firebug for Firefox. What I usually do is set Compress CSS in Template manager to No, then hover on image /div containing images you want and right click on it and then click on inspect element, it will show you which CSS class it is using and which CSS file and the path to this element on the right side. then you can go to the file and replace it with new CSS you change.
