ColorlibHQ / Activello

WordPress Bootstrap blog theme with doeznes of options using WordPress Customizer
160 stars 187 forks source link

Wrong Featured Image Size #91

Closed Annag92 closed 7 years ago

Annag92 commented 7 years ago

Hi,

Hope you’re fine today.

So after the recent theme update some pictures on my website are smaller than they should be (photo attached)

How can I fix it? Regenerate Thumbnails plugin is not a solution for me because it messes with pictures I don’t wanna change. blog-4

http://www.biggerthanlimits.com – my website

Please help.

Anna

puikinsh commented 7 years ago

You just need to regenerate thumbnails. You can do that using this or any other plugin.

Annag92 commented 7 years ago

Hi,

Like I've mentioned in my post Regenerate Thumbnails doesn't solve the problem only makes it worse. Now I have even more ugly picture size because the ones that were perfectly cropped before now look too small. When you go to the post page the thumbnail looks great, same with slider. They only look bad on home page. Isn't there a way to just adjust feature pictures size?

Anna

giucu91 commented 7 years ago

Hello @Annag92 please create a new file in our child theme, named content.php and then copy in it the code from this gist : https://gist.github.com/giucu91/8f06e75efe4398f44092a63ab76f1a68.

Annag92 commented 7 years ago

Hi,

Thank you for that. I created content.php file in my child theme and pasted the code and I got only this :

Parse error: syntax error, unexpected '}' in /home4/biggertl/public_html/wp-content/themes/colorlib-child-theme/content.php on line 8

Anna

https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Wolny od wirusów. www.avast.com https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>

On Thu, May 18, 2017 at 12:22 PM, George Ciobanu notifications@github.com wrote:

Hello @Annag92 https://github.com/annag92 please create a new file in our child theme, named content.php and then copy in it the code from this gist : https://gist.github.com/giucu91/8f06e75efe4398f44092a63ab76f1a68.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/puikinsh/Activello/issues/91#issuecomment-302364196, or mute the thread https://github.com/notifications/unsubscribe-auth/AWjLVq84Rz8tErlihJeZTQsYGgD3cuTzks5r7BvygaJpZM4NelOo .

cristianraiber commented 7 years ago

@giucu91 - please see above.

giucu91 commented 7 years ago

@Annag92 sorry for this inconvenience. I updated the gist, please copy again.

Annag92 commented 7 years ago

It helped! Thank you so much!

I got one more question though, do you know why first two pictures seems to be different size?

Anna

https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Wolny od wirusów. www.avast.com https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>

On Thu, May 18, 2017 at 1:24 PM, George Ciobanu notifications@github.com wrote:

@Annag92 https://github.com/annag92 sorry for this inconvenience. I updated the gist, please copy again.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/puikinsh/Activello/issues/91#issuecomment-302376907, or mute the thread https://github.com/notifications/unsubscribe-auth/AWjLVhtESrzStK3jfungtpFIHbec-M_Xks5r7CqCgaJpZM4NelOo .

giucu91 commented 7 years ago

@Annag92 the problem is that those pictures are smaller than 710x335, which are the dimensions we used for those images. Your images seem to have 710x244.

Annag92 commented 7 years ago

The pictures I added as a features are exactly 1070 x 368 all of them including those two, I've tried to delete them and add again but didn't help.

https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Wolny od wirusów. www.avast.com https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>

On Thu, May 18, 2017 at 1:37 PM, George Ciobanu notifications@github.com wrote:

@Annag92 https://github.com/annag92 the problem is that those pictures are smaller than 710x335, which are the dimensions we used for those images. Your images seem to have 710x244.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/puikinsh/Activello/issues/91#issuecomment-302379189, or mute the thread https://github.com/notifications/unsubscribe-auth/AWjLVpdvwDT6UmmoezBnea4z6D7Cl_11ks5r7C1pgaJpZM4NelOo .

Annag92 commented 7 years ago

I've checked and it happens with every new post I add (the bigger picture on the home page)

Anna

On Thu, May 18, 2017 at 1:38 PM, Anna Gawryluk anna.gawryluk1@gmail.com wrote:

The pictures I added as a features are exactly 1070 x 368 all of them including those two, I've tried to delete them and add again but didn't help.

https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Wolny od wirusów. www.avast.com https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#m_-6423744046700348586_DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>

On Thu, May 18, 2017 at 1:37 PM, George Ciobanu notifications@github.com wrote:

@Annag92 https://github.com/annag92 the problem is that those pictures are smaller than 710x335, which are the dimensions we used for those images. Your images seem to have 710x244.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/puikinsh/Activello/issues/91#issuecomment-302379189, or mute the thread https://github.com/notifications/unsubscribe-auth/AWjLVpdvwDT6UmmoezBnea4z6D7Cl_11ks5r7C1pgaJpZM4NelOo .

giucu91 commented 7 years ago

@Annag92 you will need to regenerate the thumbnails in order to make all of them the same size. So after that all your images will be like the first two, because this is the size implemented in the theme.

Annag92 commented 7 years ago

Thank you for your answer.

So it means they can't be the size like the 3rd, 4th etc?

Anna

https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Wolny od wirusów. www.avast.com https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>

On Thu, May 18, 2017 at 1:51 PM, George Ciobanu notifications@github.com wrote:

@Annag92 https://github.com/annag92 you will need to regenerate the thumbnails in order to make all of them the same size. So after that all your images will be like the first two, because this is the size implemented in the theme.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/puikinsh/Activello/issues/91#issuecomment-302382022, or mute the thread https://github.com/notifications/unsubscribe-auth/AWjLVm6i4_ThDnI7YhulxUpf4I93EaO-ks5r7DDNgaJpZM4NelOo .

giucu91 commented 7 years ago

@Annag92 please add the following code to your functions.php from child theme : function child_theme_setup() { add_image_size( 'activello-big', 710, 244, true ); } add_action( 'after_setup_theme', 'child_theme_setup', 11 );

After that just reupload the first two pictures and everything should be ok.

Annag92 commented 7 years ago

It worked! Thank you so much!!!! You're my hero :)

Anna

On Thu, May 18, 2017 at 6:56 PM, George Ciobanu notifications@github.com wrote:

@Annag92 https://github.com/annag92 please add the following code to your functions.php from child theme : function child_theme_setup() { add_image_size( 'activello-big', 710, 244, true ); } add_action( 'after_setup_theme', 'child_theme_setup', 11 );

After that just reupload the first two pictures and everything should be ok.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/puikinsh/Activello/issues/91#issuecomment-302470348, or mute the thread https://github.com/notifications/unsubscribe-auth/AWjLVrJdNQsRw7hwzJ57VhrC1KI_2JTPks5r7HhMgaJpZM4NelOo .

cristianraiber commented 7 years ago

@Annag92 - since everything worked out fine, would you be willing to leave a review for Activello, here: https://wordpress.org/support/theme/activello/reviews/?filter=5#new-post ?

Thanks, Cristian.

Annag92 commented 7 years ago

Sure! I will. Thank you again :)

Anna

On Thu, May 18, 2017 at 8:28 PM, Raiber Cristian notifications@github.com wrote:

@Annag92 https://github.com/annag92 - since everything worked out fine, would you be willing to leave a review for Activello, here: https://wordpress.org/support/theme/activello/reviews/?filter=5#new-post ?

Thanks, Cristian.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/puikinsh/Activello/issues/91#issuecomment-302502478, or mute the thread https://github.com/notifications/unsubscribe-auth/AWjLVhX3BEEjqlyTvtdYYnBQptgJdMoFks5r7I3mgaJpZM4NelOo .

lj08 commented 7 years ago

Hello!

I'm having the same issue! Can you please advise on how to create a content.php for a child theme? Thank you!

kilielini commented 7 years ago

Hi there, I'm also having the same issue. http://www.livelifegreen.de The first two pictures are still good in size after the update. The rest is messed up. What can I do if I'm not using a child theme? Thank you Alex

lj08 commented 7 years ago

I figured it out and fixed the issue! I'm using a child theme and you need to add content.php from the parent theme in order to revert back to the original feature image setup...

cristianraiber commented 7 years ago

@kilielini - have you managed to fix it too or still need help?

kilielini commented 7 years ago

No I'm sorry :-(.I'm still lost. I don't even know how to create a child theme.

lj08 commented 7 years ago

You can download here: https://colorlib.com/wp/forums/topic/activello-child-theme/

Save the file, then upload it on your WP Dashboard.

kilielini commented 7 years ago

Thank you so much!! I think I got it too :-)!

lj08 commented 7 years ago

Yayyy!! :)

Annag92 commented 7 years ago

Hi,

Hope you're fine today.

I'm experiencing the same problem again after theme update.

Can you help, please?

Anna

kilielini commented 7 years ago

Hi Anna,

how are you today? I've been working day and night to get all the problems fixed that occured on my oage after the latest theme update :-(. Did you already fix your picture problem?

I used the following code and put it in front of my content.php file. You'll have to exchange the part in between <?php and ?> ;-)

<?php

/**

*/

$layout = get_theme_mod( 'activello_sidebar_position' );

$image_size = 'activello-big';

 

if ( $layout == "full-width" ) {

$image_size = 'activello-featured';

}

?>

  I found it last time in the github forum. Did you do the same or something else?

 

All the best

Alex

 

Gesendet: Freitag, 30. Juni 2017 um 20:24 Uhr Von: Annag92 notifications@github.com An: puikinsh/Activello Activello@noreply.github.com Cc: kilielini livelifegreen@gmx.de, Mention mention@noreply.github.com Betreff: Re: [puikinsh/Activello] Wrong Featured Image Size (#91)

Hi,

Hope you're fine today.

I'm experiencing the same problem again after theme update.

Can you help, please?

Anna

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

 

Annag92 commented 7 years ago

Hi,

I actually managed to fix this using new layout options in customize page:

Customize -> Activello Options -> Layout Options -> Blog Posts Layout Options -> Full Width Posts

But there are still some little things I still didn't fix like two arrows next to menu categories instead of one.

Hope it will help you too.

Anna

giucu91 commented 7 years ago

Hello @Annag92, on which page did you have two arrows ? I checked on homepage and everything is ok.

George.

Annag92 commented 7 years ago

Hi @giucu91 ,

Thanks for your answer. I've already found a solution for this arrow thing.

Do you happen to know how to make those two spaces (picture) smaller?

Anna blog

Annag92 commented 7 years ago

Previously I used this code to insert arrows next to menu items:

.navbar-nav li.menu-item-has-children{ position: relative;

}

.navbar-nav li.menu-item-has-children:after { display: inline-block; content: '\f107'; font: normal normal normal 14px/1 FontAwesome; position:absolute; top: 40%; right: 7%; }

But then support told me to use this:

.navbar-nav li.menu-item-has-children:after { display: none; }

And one set of arrows disappeared but I guess it was the wrong one because now I have those big spaces between words.

Could someone help, please?

Anna