Hello, im new at coding and automation, im try to vibe code but useless ai take all my cradits and do nothing.
i wanna create an news automation, everything is cool but i have one big problem.
i craete the image and i have the html for headline summery soruce etc, i wanna darken image on the html text, but i cant do that, i coudnt find any way to do that.
and is there any way to take my useless spend ai credits? i want my ai cradits back, the ai just use them all for nothing.
I want posting like these, but i cant add a ai background image about news
Hi @jefftheboss I think this is more of a code in javascript problem and how you have curated that HTML context by using that image, i would highly recommend attaching the workflow JSON, also for the AI i understand sometimes it does not fit our needs as in the end it is just a machine u know , so for now if you want AI coding and free credits consider Kiro, that gives 500 credits which is really more than enough for a one month usage, and by using that curate your flow again by using Generate HTML nodes also, and there leverage Kiro’s coding skills to curate your codes.
For now i can say your desired output is just one code snippet away
Let me know if this brings some help.
Umm i do not think so we can do something about that.
Umm @jefftheboss let me explain clearly (lets restructure your flow)
First the part till you have fetched the rss feed and generated some content, now first instead of actually generating an HTML content all the time, create yourself a template using Generate HTML Node Basically that will be your base and there you can map out some of the content, and now once the HTML template is filled with the latest data, get yourself an image pulled and then once you have it as a binary you can add that into your HTML, maybe lets consider you are sending a mail to your daily news customers , so the image would be added to the generated template in the very end as that part gets you a binary, for now your major focus should be how can you generate a template HTML, that is why i said use Kiro AI IDE, or any good AI to generate a professional HTML template you can fill with mapping data from AI agent , and then you can fix your issue. (Go small fix 1 thing and then move to another) Let me know if you face any issue, there is a lot of content on youtube and templates , checkout this:
Additionally, for the n8n side, this tutorial shows exactly how to render HTML and turn it into an image using a headless browser (Browserless/Playwright), which is the typical approach for this kind of use case:
For the visual effect (darkening the image behind the text), what you want is a CSS overlay. This guide explains the pattern very clearly:
@jefftheboss depends on how you have set your credentials on HTTP node, if they are set as predefined and saved then all good, also just post the part which is causing you errors, also remove the credentials with random values.
, so for now if you want AI coding and free credits consider Kiro, that gives 500 credits which is really more than enough for a one month usage, and by using that curate your flow again by using Generate HTML nodes also, and there leverage Kiro’s coding skills to curate your codes.