medium blog image to large image

Hello there!!

I’d like to change the Blog image on the Home Page from medium to large for my blog www.thewandersofmarty.com.

I have tried to use the instruction provided, but I was not successful. I tried to create a new page and then in “page attributes” change it to “large images”, publish the page…but nothing happened in the existing posts.

I tried then to change that setting in one existing page, but that had as result only the display on that page of a bunch of random posts !!And no change in the images in Home.

I have found similar topics in the blog and it seems I have to add a quite complicate (for me obviously!:-))code. Isn’t there an easier way to change that setting? Or, If not possible, can you tell me in my case which code I have to add and where exactly?

Thank you very much as always for your support

Martina

Hi Martina,

I hope you are well today and thank you for your question.

It by default displays large on home page as shown in this demo site https://colorlib.com/travelify/

Have you made any changes in the theme files or in the child theme files that is causing it not to display large images on home blog page?

Best Regards,
Movin

Dear Movin,

I still haven’t managed to change it to large Images. I hope you don’t mind If i post here all the changes I’ve done so far adding codes in the “Travelify other options” section. I am afraid my poor knowledge of coding etc does not help me! I am not sure If one of this changes might have set the Blog Image to medium. Hope you can help me:

.single .post-title {
font-size: 38px;
}
#branding {
background: #E8F9FC;
}
#branding h1#site-title {
background: #E8F9FC;
}
#main-nav ul li ul li a {
color: #9F5DE2;
}
body.archive.category h3.page-title {
color: #9F5DE2;
}
add_action( ‘travelify_before_loop_content’, ‘travelify_category_description’, 10 );
/**

  • Show category description on category pages
    */
    function travelify_category_description() {

    if ( is_category() ) {

     $term_description = term_description();
     if ( ! empty( $term_description ) ) :
     	printf( '<div class="taxonomy-description">%s</div>', $term_description );
     endif;
    

    }
    }
    #primary .taxonomy-description {
    color: #1dc6b0;
    }
    #site-logo, #branding h1#site-title {
    margin: 0;
    text-align: center;
    width: 100%;
    }
    @media only screen and (max-width: 710px){
    #site-logo, #branding h1#site-title {
    font-size: 60px;
    }
    }
    .widget_synved_social_follow h3.widget-title {
    font-style: regular;
    font-family: arial black;
    text-decoration:none;
    text-transform:capitalize;
    }
    h2.entry-title {
    font-family: ‘Alice’;
    }
    .entry-meta {
    display:none !important;
    }

Or, if it is not in one of these changes, where do I have to look?

Thank you!

Martina

It seems on your site you have also made changes in the parent travelify theme although you are using child theme.

If you make changes in the theme file then you have to make these changes again after theme updation as changes made in the theme files get lost on theme updation so we recommend you to make changes only using child theme.

Please remove the following CSS code you have added in the parent travelify theme style.css file or just try deleting and reinstalling travelify theme so the changes you have made in this theme files will be deleted.


.medium-wrap .post-featured-image {
    width: 38.57%;
    float: left;
    margin-right: 2.67%;
    margin-bottom: 2.5%;
}

Dear Movin,

Thank you for your reply. I tried to do as suggested and deleted the above CSS code, but nothing happens!( I deleted the upper part of the screenshot below, from /*Blog Medium to the part you told me ).
I have updated the parent Travelify theme hoping that the changes will be lost, but again nothing changed!

What can I do?

Martina

This can be child theme issue on your site so to confirm it just temporary use the Travelify theme instead of child theme on your site. If everything works fine then it’s your child theme issue so just share me your child theme so that i can troubleshoot it.

Hi Movin,
Thank you for your reply.

I have changed to Travelify theme, but even If I removed like you suggested the specific code from Style Css, the images are still small even on the parent theme.

What do I have to do to share the child theme with you?

Thank you

Martina

Would you mind if i log in to your site and do some troubleshooting? If this is ok then could you please share me your site log in details privately by checking the option “Set as private reply” when replying to this topic?

Hi Movin,

Thank you very much! I think in that way it is much easier! Log in details are:

Username: marty85m

Password: Emorroidiagrappolo85

Please let me know what you do to change so in case I wish to go back to the original medium size I will know how to do it without stressing you again!

Can I also ask you something else? I installed Yoast SEO just few weeks ago and since I did it, the display in the posts-edit page changed a lot ! I don’t know why, but now it looks very confusing and difficult to read all in one column. I attached screen shot for clarity(I hope!). If you can help me with that as well i would be great! And I am not even sure it is because of the plug in.

Have a great day,
Martina

Thank you for sharing site credentials.

It was not displaying images like that because of the code contained in the Colorlib Plugin that you are using on your site as shown in the attached screenshot.

So i just commented that code in the Colorlib Plugin file to make it work.

To help us keep support thread separates could you please create new thread for each of your other questions here https://colorlibsupport.com/c/travelify-support/ instead of asking them in your single thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Dear Movin,

Thank you very much for your help!

Martina

You are most welcome here :slight_smile: