I’m using @eviltrout ’s script to display comments on my blog. Everything works fine, but I’d like to tweak the styling a little. As I wasn’t able to find a setting in the admin for the embed css, I was wondering how to best approach this? Any tips?

Good question. I wonder if this is something we should squeeze into 1.3 @codinghorror ?

I think it’s a great idea. I shared that question (and some round-trip notes) at EvilTrout’s site, here . I tried a number of methods, and it seems like it might make sense to add something in the embed.js that reads from a local css file or the discourse settings/db and embeds a <style> element in …

Thanks for the support Mark! Yes I’m really hoping for some css support as comments on my site look a little off now.

Bart, everyone In case you need to style your embedded discourse comments in a blog, here’s what i found/achieved at words.mal you can add style to the embed.js (look in /var/lib/docker/aufs/mnt/ and do a find from there) the css is like this: iframe.style.color = ‘#ffffff’; iframe.style.border…

Thanks Mark! I’m a little reluctant to ‘hack’ a solution like that - it getting lost each time I upgrade is a bit of a show stopper. Still hoping for an easy solution in Discourse itself :slight_smile:

hi Bart, i’m quite reluctant to ‘hack’ a solution either (and that’s the right word) but i figured it was good to at least have an option on the table for anyone who really needs it. Take care, m

So, it turns out, the simplest way would be to add this to the headers of the discourse instance that show up on the embedded code: <script> window.document.domain = "the.domain.name.of.the.blog.com"; </script> This would then allow javascript on the blog page to alter the css for the iFrame, b/c …

I don’t know if all of the customized attributes should carry forward to embed code, but I could see adding a section for customizing/injecting css for the embed page. This would likely go a long way towards allowing some nice theming and more seamless integration to the embedding site.

@eviltrout , @codinghorror any chance you can help us out here and sneak this in as a feature? Thanks!

I think this will have to wait until 1.4, as the Ember upgrade and other sysadmin related stuff is much higher priority.

How to style embedded comments?

Support

trilson (Thomas Wilson) 2015 年 5 月 7 日午後 2:24 15

I’d very much like to be able to style comments too. Our forum and blog have very different themes, so embedding looks odd. I’m toying with the idea of using Disqus as a temporary solution, but this is far from ideal

トピック		返信	表示
How to customize appearance of discourse embeds? Support	4	1345	2022 年 10 月 6 日
Styling of Embedded Discourse Feature feedback	1	2381	2015 年 8 月 13 日
What CSS was used for Comments here? Support	15	587	2024 年 9 月 12 日
Change color in embed posts links? Support	3	752	2020 年 5 月 21 日
CSS no longer applied to embedded topics Bug	3	883	2018 年 6 月 12 日

How to style embedded comments?

関連トピック