Forum Replies Created

Viewing 15 replies - 241 through 255 (of 635 total)
  • Plugin Author Twentig

    (@twentig)

    Hi,

    Thanks for the feedback. There’s indeed an issue with the Cover’s margin when a duotone filter is set. By default, Twentig sets a negative margin when a full-width block is the last child of the content. However, as WordPress adds some HTML tags after the Cover to create the duotone, the Cover isn’t considered the last child anymore.

    We’ll try to find a fix for the next release.

    In the meantime, you can fix it by following these steps:

    1) Add the following CSS code in Customizer > Additional CSS:

    .page-id-5.tw-no-footer .entry-content > .wp-block-cover {
        margin-bottom: calc(var(--global--spacing-vertical) * -3);
    }
    
    @media (min-width: 652px) {
        .page-id-5.tw-no-footer .entry-content > .wp-block-cover {
            margin-bottom: calc(var(--global--spacing-vertical) * -5);
        }
    }

    2) Remove the margin-bottom of 0 that you’ve set on the Cover block.

    3) Remove the empty paragraph that you have at the end of your page.

    Please note that if your goal is to make a fullscreen cover, you should set its minimum height to 100vh.

    Hope that helps,
    Tom

    Plugin Author Twentig

    (@twentig)

    Thanks for the URL. I can replicate the issue with the Twenty Twenty theme (I used the Twenty Twenty-One theme in my previous test).

    The issue happens when the ‘Customizer > Twentig Options > Blog > Posts Page > Display post content’ option is unchecked.

    We’re looking to fix this issue. I’ll keep you updated.

    Plugin Author Twentig

    (@twentig)

    Hi,

    I’ve installed bbPress with Twentig, but I can’t replicate the issue. When I visit the ‘/forums/’ page on my install, I see all the forum tables. If possible, would you please share your website’s URL?

    Thanks,
    Tom

    Plugin Author Twentig

    (@twentig)

    You can align to the left the title’s section of the single post by adding the following CSS code inside Customizer > Additional CSS:

    .single-post .entry-header {
    	text-align: left;
    }
    
    .single-post .entry-categories-inner,
    .single-post .post-meta-single-top .post-meta {
    	justify-content: flex-start;
    }
    
    .single-post .post-meta-single-top {
    	max-width: none;
    }

    Hope that helps,
    Tom

    Plugin Author Twentig

    (@twentig)

    Hi,

    Are you using the Twenty Twenty-One theme or the Twenty Twenty theme?

    Thanks,
    Tom

    Plugin Author Twentig

    (@twentig)

    Hi Leo,

    The function on line 195 that causes the error is only called when the “Featured Image Layout” option is set to “No Image” (Customizer > Twentig Options > Blog > Single Post).

    Would you please try to set this option to “Default” to see if the error disappears?

    If that works, you can remove the featured image by adding some CSS (Customizer > Additional CSS)

    .single-post .featured-media {
    	display: none;
    }
    
    .single-post .post-inner {
    	padding-top: 0;
    }

    We’re looking for a fix that we can include in the plugin, but it’s not easy without being able to replicate the issue.

    I hope the above solution fixes your issue.
    Tom

    Plugin Author Twentig

    (@twentig)

    Hi,

    Thanks for your message.

    I see that you’ve added some custom CSS to fix the issue. However, while it does work, there is an easier way to achieve it.

    First, you need to remove your CSS. Then remove the margin-top of 0 that you’ve set on the first cover block (Twentig automatically applies a negative margin on the first block to remove the blank space below the header). And finally, remove the 0 padding value that you’ve set on the cover block.

    Hope that helps,

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

    Plugin Author Twentig

    (@twentig)

    Hi Erica,

    You can display the pagination numbers on mobile by adding the following CSS code inside Customizer > Additional CSS:

    .pagination .page-numbers {
        display: block !important;
    }

    Hope that helps.

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

    Plugin Author Twentig

    (@twentig)

    Hi,

    I see that Twentig is still activated on your website. Would you please give me the URL of a post that displays the error?

    If you still have the error, could you please try to deactivate all your other plugins to see if there’s a conflict?

    Thanks,
    Tom

    Plugin Author Twentig

    (@twentig)

    Hi,

    Thank you Aris for the code.

    We’ll include these icons in the next release.

    If you need to fix it urgently and you’re comfortable with editing PHP, you can add the following code for the Twenty Twenty-One theme:

    function my_custom_social_svg( $icons ) {
    	$icons['telegram'] = '<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" focusable="false"><path d="M3.3749,10.848q8.053-3.50858,10.73992-4.62615c5.11438-2.12725,6.1771-2.49677,6.86977-2.5091a1.21235,1.21235,0,0,1,.71363.21424.77589.77589,0,0,1,.2621.49873,3.24823,3.24823,0,0,1,.03079.725c-.27715,2.912-1.47637,9.97878-2.08647,13.24032-.25816,1.38007-.76647,1.84281-1.25858,1.88809-1.06946.09841-1.88157-.70678-2.91739-1.38577-1.62086-1.0625-2.53655-1.72391-4.10988-2.76071-1.81826-1.1982-.63956-1.85676.39666-2.933.27118-.28166,4.98326-4.56766,5.07447-4.95647a.37617.37617,0,0,0-.08569-.3256.42428.42428,0,0,0-.3813-.037q-.24385.05535-7.76806,5.1344a3.49643,3.49643,0,0,1-1.99716.73771A13.1432,13.1432,0,0,1,3.995,13.07529c-1.15332-.3749-2.06995-.57311-1.99013-1.2098Q2.06721,11.368,3.3749,10.848Z"></path></svg>';
    	$icons['whatsapp'] = '<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" focusable="false"><path d="M19.074 4.932a10 10 0 00-15.74 12.061l-1.418 5.18 5.301-1.39A9.994 9.994 0 0011.996 22H12a10 10 0 007.074-17.068zM12 20.312h-.003a8.3 8.3 0 01-4.23-1.159l-.304-.18-3.146.825.84-3.066-.198-.314A8.312 8.312 0 1112 20.31zm5.038-5.927a2.09 2.09 0 01-.146 1.188 2.573 2.573 0 01-1.686 1.188 3.423 3.423 0 01-1.574-.099 14.338 14.338 0 01-1.424-.526 11.138 11.138 0 01-4.269-3.773 4.86 4.86 0 01-1.02-2.585 2.803 2.803 0 01.874-2.084.918.918 0 01.667-.313c.166 0 .333.002.478.01.154.007.36-.06.563.428.208.5.708 1.73.77 1.855a.46.46 0 01.02.438 1.706 1.706 0 01-.249.417c-.125.146-.262.326-.375.438-.125.124-.255.26-.11.51a7.53 7.53 0 001.39 1.73 6.824 6.824 0 002.01 1.24c.25.126.396.105.541-.062s.625-.73.792-.98.333-.208.562-.125c.229.084 1.457.688 1.707.813s.417.188.479.292z" fill-rule="evenodd"/></path></svg>';
    
    	return $icons;
    }
    add_filter( 'twenty_twenty_one_svg_icons_social', 'my_custom_social_svg' );
    
    function my_custom_social_map( $icons ) {
    	$icons['telegram'] = array(
    		't.me',
    	);
    	$icons['whatsapp'] = array(
    		'wa.me'
    	);
    
    	return $icons;
    }
    add_filter( 'twenty_twenty_one_social_icons_map', 'my_custom_social_map' );

    For the Twenty Twenty theme, the code is:

    function my_custom_social_svg( $icons ) {
    	$icons['telegram'] = '<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" focusable="false"><path d="M3.3749,10.848q8.053-3.50858,10.73992-4.62615c5.11438-2.12725,6.1771-2.49677,6.86977-2.5091a1.21235,1.21235,0,0,1,.71363.21424.77589.77589,0,0,1,.2621.49873,3.24823,3.24823,0,0,1,.03079.725c-.27715,2.912-1.47637,9.97878-2.08647,13.24032-.25816,1.38007-.76647,1.84281-1.25858,1.88809-1.06946.09841-1.88157-.70678-2.91739-1.38577-1.62086-1.0625-2.53655-1.72391-4.10988-2.76071-1.81826-1.1982-.63956-1.85676.39666-2.933.27118-.28166,4.98326-4.56766,5.07447-4.95647a.37617.37617,0,0,0-.08569-.3256.42428.42428,0,0,0-.3813-.037q-.24385.05535-7.76806,5.1344a3.49643,3.49643,0,0,1-1.99716.73771A13.1432,13.1432,0,0,1,3.995,13.07529c-1.15332-.3749-2.06995-.57311-1.99013-1.2098Q2.06721,11.368,3.3749,10.848Z"></path></svg>';
    	$icons['whatsapp'] = '<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" focusable="false"><path d="M19.074 4.932a10 10 0 00-15.74 12.061l-1.418 5.18 5.301-1.39A9.994 9.994 0 0011.996 22H12a10 10 0 007.074-17.068zM12 20.312h-.003a8.3 8.3 0 01-4.23-1.159l-.304-.18-3.146.825.84-3.066-.198-.314A8.312 8.312 0 1112 20.31zm5.038-5.927a2.09 2.09 0 01-.146 1.188 2.573 2.573 0 01-1.686 1.188 3.423 3.423 0 01-1.574-.099 14.338 14.338 0 01-1.424-.526 11.138 11.138 0 01-4.269-3.773 4.86 4.86 0 01-1.02-2.585 2.803 2.803 0 01.874-2.084.918.918 0 01.667-.313c.166 0 .333.002.478.01.154.007.36-.06.563.428.208.5.708 1.73.77 1.855a.46.46 0 01.02.438 1.706 1.706 0 01-.249.417c-.125.146-.262.326-.375.438-.125.124-.255.26-.11.51a7.53 7.53 0 001.39 1.73 6.824 6.824 0 002.01 1.24c.25.126.396.105.541-.062s.625-.73.792-.98.333-.208.562-.125c.229.084 1.457.688 1.707.813s.417.188.479.292z" fill-rule="evenodd"/></path></svg>';
    
    	return $icons;
    }
    add_filter( 'twentytwenty_svg_icons_social', 'my_custom_social_svg' );
    
    function my_custom_social_map( $icons ) {
    	$icons['telegram'] = array(
    		't.me',
    	);
    	$icons['whatsapp'] = array(
    		'wa.me'
    	);
    
    	return $icons;
    }
    add_filter( 'twentytwenty_social_icons_map', 'my_custom_social_map' );

    Hope that helps.

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

    Plugin Author Twentig

    (@twentig)

    Thanks for the heads up.

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

    Plugin Author Twentig

    (@twentig)

    Hi,

    To have white links/UI elements, you can use the “Twentig – Transparent header light” template.

    If you need to add some custom CSS, you can use the .tw-header-light class (that is applied on the HTML <body> tag) to target your elements.

    If you use the “Twentig – Transparent header” template, the class is .tw-header-transparent.

    Hope that helps,
    Tom

    Plugin Author Twentig

    (@twentig)

    Hi,

    Twentig overrides the footer’s code to implements its features. So if you don’t want Twentig to interfere with your child theme, you shouldn’t change Twentig’s footer options (“Footer Layout” and “Footer Credit” must be set to default, and “Display site title/logo” should be checked). I see on your website that you’re using the inline layout for the footer.

    That being said, Twentig includes a setting to change the “Proudly powered by WordPress” text. To do so, open the Customizer > Twentig Options > Footer panel and select “Custom” for the “Credit” setting. Then type your text inside the “Custom Credit” box.

    Hope that helps,
    Tom

    Plugin Author Twentig

    (@twentig)

    Hi,

    Twentig doesn’t change the way to create a custom page template. To create your own template, you should have a child theme and put your custom file inside it.
    https://developer.wordpress.org/themes/template-files-section/page-template-files/

    To get you started, create a template-custom.php file inside your child theme folder. Then copy the following code inside it and make the modifications you wish:

    <?php
    /**
     * Template Name: My custom template
     */
    
    get_header();
    
    while ( have_posts() ) :
    	the_post(); ?>
    
    	<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    
    		<div class="entry-content">
    			<?php the_content(); ?>
    		</div>
    
    	</article>
    	<?php
    
    endwhile;
    
    get_footer();

    Hope that helps,
    Tom

    Plugin Author Twentig

    (@twentig)

    Hi,

    Unfortunately, neither the Twenty Twenty-One theme nor Twentig has this functionality.
    Maybe you can try one of these plugins (please note that I don’t know if they are compatible with the theme):
    https://wordpress.org/plugins/search/widgets+fixed/

    Have a nice day,
    Tom

Viewing 15 replies - 241 through 255 (of 635 total)