[Resolved] Internal Links and higlighting a word in a paragraph like in Screenshot

Home Forums Support [Resolved] Internal Links and higlighting a word in a paragraph like in Screenshot

Home Forums Support Internal Links and higlighting a word in a paragraph like in Screenshot

Viewing 10 posts - 16 through 25 (of 25 total)
  • Author
    Posts
  • #2361324
    Jatin

    Thanks Fernando. When you saw all views what do you mean. If you open my site on Mobile, you can see post-meta items are not displaying properly. I just want to display it properly so that end user will be able to clearly see it without clutter.

    I have removed the CSS code now and cleared cache. Thanks for the advise.

    #2361862
    Ying
    Staff
    Customer Support

    Try adding this CSS:

    .single-post header.entry-header .entry-meta {
        flex-wrap: wrap;
    }
    #2362504
    Jatin

    Thanks, There is no separator between the authorname and Comments. Is it possible to add a separator ?

    #2363106
    Ying
    Staff
    Customer Support

    Try this:

    .single-post .entry-meta > *:not(.comments-link):after {
        content: "|";
        padding-left: 10px;
        padding-right: 10px;
    }

    You can change the | to other operators you prefer.

    #2363240
    Jatin

    Thank you Ying. One last thing. As its now working on Single posts. How can I apply the same style and meta on Archive Page as well ?

    #2363280
    Ying
    Staff
    Customer Support

    Just remove the .single-post from the code.

    #2363293
    Jatin

    Thanks, I updated the code to below and removed .single-post from CSS. Its working fine on most of the posts but some of the posts are not showing comment info in meta. Nothing is displaying after separator |

    Am i missing anything ? Screenshot and Link in the private box.

    add_filter( 'generate_header_entry_meta_items', function() {
        return array(
        
    	  'date',        
    	  'author',
    	  'comments-link',
    	
        );
    } );
    
    add_action( 'wp', function() {
         {
            add_filter( 'generate_show_comments', '__return_true' );
        }
    } );
    
    add_filter( 'generate_footer_entry_meta_items', function( $items ) {
        return array_diff( $items, array( 'comments-link' ) );
    } );

    Also My Archive Page Category Info shows the separator as well ? I did not add a separator on archive page in after category [Please refer to the sceenshot]

    #2363306
    Ying
    Staff
    Customer Support

    Change the CSS to:

    .entry-header .entry-meta > *:not(:last-child):after {
        content: "|";
        padding-left: 10px;
        padding-right: 10px;
    }

    The post you attached closed the comment function, so I would assume it would not show.

    #2363718
    Jatin

    Thank you Ying.

    #2369094
    Ying
    Staff
    Customer Support

    No Problem, glad to help 🙂

Viewing 10 posts - 16 through 25 (of 25 total)
  • You must be logged in to reply to this topic.