Return to previous page

Blog text issues - by heltaskelta - on WordPress WooCommerce support

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

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.

#205611 Copied Theme version: 3.8

7 Answers
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
#205616 Copied
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

#205620 Copied
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
#205622 Copied
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.

#206054 Copied
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
#206056 Copied
heltaskelta

Participant

December 18, 2018 at 12:19

Hi,

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

Thx

#206112 Copied
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
#206118 Copied
Viewing 8 results - 1 through 8 (of 8 total)