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?

Is it anywhere on the roadmap? Just being able to add a URL for my own CSS would already be great.

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.

How to style embedded comments?

Support

eviltrout (Robin Ward) 18 فبراير 2015، 6:03م 2

We unfortunately don’t have a way to customize the style right now.

الموضوع		الردود	مرات العرض
How to customize appearance of discourse embeds? Support	4	1345	6 أكتوبر 2022
Styling of Embedded Discourse Feature feedback	1	2381	13 أغسطس 2015
What CSS was used for Comments here? Support	15	589	12 سبتمبر 2024
Change color in embed posts links? Support	3	754	21 مايو 2020
CSS no longer applied to embedded topics Bug	3	883	12 يونيو 2018

How to style embedded comments?

الموضوعات ذات الصلة