Can't seem to customize CSS

Want to add drop shadow to my screen shots for this site: https://github.com/tomcam/g.github.io/blob/master/docs/tutorial.md

Per the Customzing CSS and HTML in your Jekyll Theme I created the file /assets/css/style.scss like this:

---
---

@import "{{ site.theme }}";
h2 { color: green; }
img { border: 15px solid #f00; box-shadow: 10px 10px 5px #888888; }

And tried a couple of things. The h2 color change is temporary because I wanted to see if it worked. It didn’t. Nor did the code for changing what happens to img tags.

What am I doing wrong?

This might actually sound silly, but did you try adding display:inline-block; or display:block ?

1 Like

I tried both your suggestions, to no avail:

img { border: 15px solid #f00; box-shadow: 10px 10px 5px #888888; display:block; }

and

img { border: 15px solid #f00; box-shadow: 10px 10px 5px #888888; display:inline-block; }

Hi @tomcam This seems like something we may need to dig into deeper via your specific account details. Can you please reach out to us at https://github.com/contact for futher help?

1 Like