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!

How to style embedded comments?

Support

codinghorror (Jeff Atwood) 4월 24, 2015, 1:54오전 13

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 customize appearance of discourse embeds? Support	4	1345	10월 6, 2022
Styling of Embedded Discourse Feature feedback	1	2381	8월 13, 2015
What CSS was used for Comments here? Support	15	590	9월 12, 2024
Change color in embed posts links? Support	3	754	5월 21, 2020
CSS no longer applied to embedded topics Bug	3	883	6월 12, 2018

How to style embedded comments?

Related topics