Never Underestimate Your Own Stupidity - A Jekyll CSS Issue
source link: https://fuzzyblog.io/blog/css/2019/10/09/never-underestimate-your-own-stupidity-a-jekyll-css-issue.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Never Underestimate Your Own Stupidity - A Jekyll CSS Issue
Oct 9, 2019
For a long, long time, I've wanted the ability to center things, specifically images, in my blog posts. I use a tool called Jekyll for blogging and the directions in the Github Jekyll thread on this are pretty clear:
{: .center}
And then put this in your CSS file:
/* To center images */
.center {
text-align: center;
}
And, as with many CSS things, I failed (miserably) at it the first few (dozen) times I tried to make this work. Then, as generally happens, I got busy and simply forgot (well ignored in an embarrassed fashion) about it.
Given that I've been busily taking pictures as of late, mostly, to put at the top of blog posts, I thought I'd take another pass at it.
I started in my coding editor by trying to add the .center directive to my css file. And I did so but it failed. I then thought "Hm… what if something else is overriding it" and I looked at all my css files and I found this:
What that says is take anything with a center attribute and "center it" and then the next directive says take anything with a center attribute and "left align" it. Oof!.
Yep. I'm a bozo.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK