glenlipka

I updated my site to use the new Twentig with 2022 theme. I find the full editor quite hard to get used to.

Anyway, one small but important feature in the grid view… I think you had an option to make each card clickable (the whole article card). Can you add that back in? I added my own CSS to make it look nice, but Im not sure how to make the whole article click.

I could use jQuery to add a click handler I suppose, but it would be so much better if you guys handled it.
Thanks,

I am interested in using the Grid layout. I think it’s an awesome way to present a blog. Will that be possible still?

My main uses are:
1. custom CSS
2. Custom google fonts
3. grid layout

I look forward to the release!

Glen
https://commadot.com

I am having this problem right now. I turned off Jetpack comments. Is there a fix? Im using the twenty twenty one latest theme. Site is https://commadot.com

Using the plain Twenty Fifteen theme, I reduced the left hand bar and added my modifications in the custom CSS part of the theme editor. (I believe this is enabled using Jetpack) I am also using a Google font. (Raleway)

Site: http://commadot.com

I used the following code in my custom CSS. (Some were modifications for the responsive smaller screens)

.hentry, .page-header, .page-content {
	box-shadow: 4px 10px 15px rgba(0,0,0,0.8);
	border-radius: 15px;
}

.site-header {	margin: 0;}
.widget {	margin: 10% 0;}
.page-header {	border-left: 0;}

.hentry+.hentry, .page-header+.hentry, .page-header+.page-content {	margin-top: 5%;}

select,input {	font-family: raleway;}
body:before {	max-width: 413px;}
#sidebar {	left: 0;}
#page {	margin-left: 0;}
@media screen and (min-width: 59em) {
	#masthead {
		margin-top: 10%;
	}
}

@media screen and (max-width: 59em) {
	#masthead {
		padding: 3%;
	}
}

.widget_pages h2 {	display: none;}

I hope this is helpful.

I agree. I can’t figure out how to modify it without breaking it.