Twentig

Hi,

Thanks for your message.

The issue is caused by the “Smush” plugin that adds a <noscript> tag after the logo image (to implement its lazy load feature).
It causes an issue with the CSS for the logo on the Cover Page template. You can fix it by ading the following CSS in the Customizer > Additional CSS panel:

.logo-primary ~ .logo-transparent {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}

.has-header-opaque .logo-primary ~ .logo-transparent {
    visibility: hidden;
    opacity: 0;
}

Or, as it seems that your “transparent logo” is the same as your default logo, you can remove the Transparent Header Logo in the Customizer > Site Identity panel.

Hope that helps.

If you enjoy Twentig, please rate it. It would really help me out 🙂
Tom

Hi,

You can do that by adding some custom CSS (Customizer > Additional CSS, replace the blue value with your own color):

h2.entry-title a:hover,
.post-meta a:hover {
    text-decoration:none;
    color: blue !important;
}

Concerning the post navigation with image, I don’t see an underline on my local installation. Would you please share your URL so I can see why you have one?

Thanks,
Tom

Hi,

If you wish that all your archive pages display as a grid, you can try to replace if ( is_post_type_archive() ) { by if ( is_archive() ) {

Hope that helps,
Tom

Hi,

Currently, Twentig doesn’t include a way to replicate the card style for the Query Loop block. We’ll explore how we can enhance this block in a future release.

To achieve the card style for your latest guides, you can use the Query Loop block and add custom CSS as follow:

1) In the editor, insert this code to create the query (set your Guide CPT as the Post type):

<!-- wp:query {"queryId":1,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide","className":"query-cards"} -->
<div class="wp-block-query alignwide query-cards"><!-- wp:post-template -->
<!-- wp:post-featured-image /-->

<!-- wp:post-title {"isLink":true,"className":"tw-mt-0 tw-mb-0"} /-->
<!-- /wp:post-template --></div>
<!-- /wp:query -->

Then in the Customizer > Additional CSS panel (or inside your child theme), add this CSS:

.query-cards ul li {
	background-color: #fff;
	box-shadow: var(--tw-block-shadow);
	padding: 30px 24px;
	transition: box-shadow .2s ease-in-out;
	position: relative;
}

.query-cards ul li:focus-within, .query-cards ul li:hover {
	box-shadow: var(--tw-block-shadow-lg);
}

.query-cards .wp-block-post-featured-image {
	margin: -30px -24px 20px;
}

.query-cards h2 {
	font-size: 2.4rem;
}

.query-cards h2 a {
	color: currentcolor;
	text-decoration: none;
}

.query-cards h2 a::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	background-color: transparent;
}

@media (max-width: 699px) {
	.wp-block-query.query-cards ul li {
		width: 100% !important;
		margin-right: 0 !important;
	}
}

@media (min-width: 700px) and (max-width: 1023px) {
	.wp-block-query.query-cards ul li {
		width: calc(50% - 16px) !important;
	}
	
	.wp-block-query.query-cards ul li:nth-child(2n) {
		margin-right: 0;
	}
}

Hope that helps.

If you enjoy Twentig, please rate it. It would really help me out 🙂
Tom

To remove the space on this page, you can add the following CSS code inside Customizer > Additional CSS:

.forum-archive.bbpress .post-inner {
    padding-top: 0;
}

.forum-archive.bbpress .entry-content > .alignfull:first-child {
    margin-top: -5rem;
}

@media (min-width: 700px) {
    .forum-archive.bbpress .entry-content > .alignfull:first-child {
        margin-top: -8rem;
    }
}

Thanks for the feedback. We’ll see if we can add some code to prevent this error from showing.

If you enjoy Twentig, please rate it. It would really help me out 🙂
Tom

Would you please tell me which method (plugin, custom code…) you’re using to upload a SVG file so I can try to replicate the issue on my side?

Hi,

To make the posts cards and the images rounded, add the following CSS code inside Customizer > Additional CSS:

.tw-blog-grid .hentry,
.tw-blog-stack .hentry,
.single-post img {
    border-radius: 10px;
    overflow:hidden;
}

Hope that helps.