Twentig
Forum Replies Created
-
Hi Rahul,
Thanks again for your detailed feedback and expertise.
We’ve tried to reproduce the issue with the same configuration, but we haven’t had any error from the Google Search Console.
Could you please contact us via email (there is a contact link at the bottom of our website) and send us a screenshot of your errors? It will be easier to communicate via email.
Thanks.
Hi Jeremy,
Sticky header and anchors links are always complicated. There’s a new CSS property
scroll-margin-top, but it’s currently not supported by all Web browsers (Safari and IE11).Otherwise, you can test the following CSS code (it might need some adjustments to fit your website):
h2::before { content: ''; display: block; position: relative; width: 0; height: 100px; margin-top: -100px; }I hope the above is useful to you.
Have a nice day.Hi @guillermomeijon, @pmmueller,
Yes, you can use Twentig with a Twenty Twenty child theme. However, as Twentig uses action hooks and filters to change the functionality of the theme, if your child theme uses the same hooks and filters, it might have some conflicts. Also, some CSS conflicts might occur if both your child theme and Twentig modify the same elements.
I hope the above is useful to you.
Have a nice day.
Thanks for the feedback.
Can you please tell us which “official structured data tool” you refer to (as Google has multiple similar tools)?
Can you please confirm that if you deactivate Twentig, the error disappears?
Thanks.
Great! Have a nice day.
Hi @nrdgrl,
The issue is due to a CSS incompatibility with the Gravity Forms plugin. On your page, Gravity Forms injects a
<style>tag as the first child of the content, just before the Cover block. Twentig sets the top margin of the first child to 0, but as this style tag is added, the top margin of the cover block isn’t reset.To fix your issue, either you manage to remove the style tag from the content. Or you can add some custom CSS. Inside the Customizer, open the Additional CSS panel and paste the following code:
.tw-header-transparent .entry-content > .wp-block-cover.alignfull { margin-top: 0; padding-top: 14rem; } @media (min-width: 700px) { .tw-header-transparent .entry-content > .wp-block-cover.alignfull { padding-top: 16rem; } }I hope the above is useful to you.
If you enjoy Twentig, please leave us a review. 🙂
Twentig only changes the widget areas layout (by applying some CSS) if you select Row as the option for Widgets Layout (Customizer > Twentig Theme Options > Footer). If you set the option as Column (Default), it should keep your code intact.
If it doesn’t solve the issue, you can try to set the Bottom Footer Layout and Footer Credit settings to default. That way, Twentig won’t override the footer PHP code.
If it still doesn’t work, you can completely remove our code by pasting
remove_action( 'get_footer', 'twentig_get_footer', 9 );inside the functions.php file of your child theme.I hope the above is useful to you. 🙂
Hi @wagedu,
Thanks for your message and detailed feedback 🙂. We’re looking into it, and we’ll keep you updated.
Have a nice day.
Hi,
Thanks for the feedback and for sharing your ideas. For the search results, Twentig doesn’t offer the same layout options as the blog page because it isn’t possible to display the featured images due to how Twenty Twenty is coded.
We’ll keep you updated if there is a solution.
Have a nice day.
Hi @jonnimunki,
Thanks for your message and your suggestion. We have this feature on our roadmap. We’ll keep you updated.
Have a nice day.
Hi @thejohotestar,
You can change the main width of the Twentig page templates with some custom CSS. Inside the Customizer, open the Additional CSS panel and paste one the following code below.
To change the width only for the “No header, no footer” template:
body.page-template-tw-no-header-footer .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), body.page-template-tw-no-header-footer [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 120rem; }To change the width for the 4 Twentig templates:
body[class*="page-template-tw-"] .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), body[class*="page-template-tw-"] [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 120rem; }We hope the above is useful to you.
Have a nice day.If you enjoy Twentig, please leave us a review. We’d really appreciate it.
Hi @gerygreen,
Indeed the product’s title and meta aren’t aligned properly. We’ll fix this in the next release. In the meantime, we can provide you with some custom CSS to fix it. Inside the Customizer, open the Additional CSS panel and paste the following code:
.tw-blog-stack.tw-text-width-medium article .section-inner { max-width: 70rem; }Which layout do you want to achieve?
Have a nice day.
Since Twentig 1.0.5, the custom taxonomies pages attached to the post type get the same layout as the blog page.
Hi @gerygreen,
It seems you’ve found the link! Thank you for the donation, we really appreciate it.
As a reference for people having the same question, there’s a donate button on the Twentig WordPress plugin page just below the “View support forum” button.
Hi @gerygreen,
We were able to replicate this issue. The header z-index set by Twenty Twenty is too low compared to some blocks provided by third-party plugins. We’ll fix this in the next release. In the meantime, we can provide you with some custom CSS to fix it. Inside the Customizer, open the Additional CSS panel and paste the following code:
#site-header { z-index: 99; }