Padding for images in articles in newsletters?

More
09 Dec 2011 02:41 #2151 by pierre
joomlamailer version: latest
Joomla! version: 1.5.25
PHP version: 5.3
MySQL version:5x

Hi - I'm trying to add styling for images that appear in content items, so that text doesn't sit right against the images.
So you guys have any ideas how to give images in articles (in the newsletter) padding?
The images wrapped in a caption div. So I figured I could just add:

.jce_caption {padding:10px} to the styles portion of the template. No go.

So I next I tried:

.jce_caption { margin:10px;border: 10px solid #ffffff;}
(i figured if the margin go stripped out by gmail that maybe border would work)

Still nothing. How the hell can I give the images some breathing room?

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

More
09 Dec 2011 02:56 #2152 by pierre
Also, im noticing that individual paragraphs in an item are stripped out and all placed inside one master paragraph. Is this necessary? Can this be disabled? For the sake of readability it is nice to have the paragraph breaks.

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

More
09 Dec 2011 06:00 #2153 by pierre
Ok, one last thing. I read that google will only use inline styles,

So ok, I setup a rereplacer rule to change all of my captions to include inline padding. This is what the code looks like on the site...

<span class="jce_caption" style="border-color: #000000; padding: 0 10px 10px 0; float: left; display: inline-block;"><img style="margin: auto;" alt="2-a" src=" newtechinsight.techinsight.netdna-cdn.co...ies/issue_20/2-a.jpg " height="201" width="250">Server Building Blocks. When Intel launched its Xeon E3-series processors, its EPSD group quickly populated the ecosystem with boards, add-in cards, and chassis to support the CPU.

However, this is what it looks like in your component in the html view. What happens to the padding? This is before it is even sent so its not google stripping the code, it has to be the component?

<span class="jce_caption" style="border-color: #000000; float: left; display: inline-block;"><img style="margin: auto;" alt="3-a" src=" www.techinsight.tv/images/stories/issue_20/3-a.jpg " height="201" width="250" />Just The Right Size. Standardized motherboards in specialized form-factors make for unique channel offerings. This all-in-one chassis from Gigabyte hosts Intel’s DH61AG platform.

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

More
09 Dec 2011 06:06 #2154 by pierre
ok, duh it wont work that way because the component isnt grabbing the output of the site, its getting the info in the database. So rereplacer rules wont work. GRRR what a pain in the ass.

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

More
12 Dec 2011 22:06 #2158 by pierre
Wow, I love the quality of the reponses I get from you guys.

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

More
12 Dec 2011 22:25 #2159 by pierre
For the love of god would someone please respond to this post... I tried styling INLINE
margin, padding and border of the caption and all are being removed by the joomailer component.

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

More
12 Dec 2011 23:51 #2161 by pierre
OK, before I screwed with this for two days it would have been nice to know that it only imports your article content once when you make a new campaign, its not dynamic... so if you change your inline styles it doesn't change in the component preview or actual newsletter dynamically, you either have to re-save the campaign or create a new campaign before your changes show up!

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