Blog text issues - by heltaskelta - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 5 years, 5 months ago ago by Rose Tyler

  • Avatar: heltaskelta
    heltaskelta
    Participant
    December 7, 2018 at 13:41

    Hi, we have some issues with the blog pages. I have included a link in PM to a screen grab which highlights what we need to do.

    Kindly take a look and let me know how we can fix these.

    Thanks

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 7, 2018 at 15:03

    Hello,

    Please add this code in style.css file of your child theme:

    .blog-post .post-images {
        margin-bottom: 0px;
    }
    .blog-post .post-information .post-title {
        line-height: 1.2;
    }
    .blog-post .post-description p {
        word-break: break-word;
    }

    Regards

    Avatar: heltaskelta
    heltaskelta
    Participant
    December 7, 2018 at 15:39

    Perfect!

    Now how do we edit the following on the same page?

    Posted on December 6, 2018 at 11:46 am by dcadmin / Latest Girls Designer Fashion News

    to

    Posted on December 6, 2018 at 11:46 am

    So we are removing author and category but just showing date and time of post.

    Thx

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 7, 2018 at 15:45

    You’re welcome!

    .blog-post .post-information .post-info { font-size: 0px; }
    .blog-post .post-information .posted-on { font-size: 14px; }

    Regards

    Avatar: heltaskelta
    heltaskelta
    Participant
    December 17, 2018 at 11:38

    Hi,

    Ok, that works but I have a question. By setting font-size to 0px, will this flag up when Google does a Mobile crawl as an error “text too small too read”? If so, then is there an alternative piece of code we can use to mitigate this?

    Also, the post titles are now way too close to the bottom of the post image, but this is only when viewed on a mobile. All other screen sizes are ok, it’s just on the mobile screen size this happens. I have PM’d a screen grab so you can see.

    Thx 🙂

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 17, 2018 at 12:12

    Hello,

    1) In this case, you need to change et_byline function (legenda/framework/theme-functions.php) via function.php file of the child theme.
    2)

    @media (max-width: 767px) {
        .blog-post.post-grid .post-information .post-title {
            display: inline-block;
            margin-top: 5px;
        }
    }

    Regards

    Avatar: heltaskelta
    heltaskelta
    Participant
    December 18, 2018 at 12:19

    Hi,

    Could you kind give more detailed instruction for point 1) et_byline

    Thx

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 18, 2018 at 13:28

    Hello,

    Please add this code in functions.php file of child theme:

    function et_byline( $atts = array() ) {
            extract( shortcode_atts( array(
                'author' => 0
            ), $atts ) );
            ?>
                <div class="post-info">
                    <span class="posted-on">
                        <?php _e('Posted on', 'legenda') ?>
                        <span class="published"><?php the_time(get_option('date_format')); ?></span>
                        <?php _e('at', 'legenda') ?>
                        <?php the_time(get_option('time_format')); ?>
                    </span>
                  
                    <?php // Display Comments
    
                        if(comments_open() && !post_password_required()) {
                            echo ' / ';
                            comments_popup_link('0', '1 Comment', '% Comments', 'post-comments-count');
                        }
    
                     ?>
                </div>
            <?php
        }

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.