Making featured images of my post a thumbnail

[adamsking]

Dear Seventhqueen,

Please how can I make the featured images of my post in a particular category a thumbnail rather than a wide image.

[Kieran_SQ]

Hi, I can you provide you with CSS to achieve this but I need more information first

1. The URL or a post that you would eventually like to have this on
2. The name of the category or tag that you would like this to appear for
3. How would you like the image to appear? Width? Height? Text wrapped? etc

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[adamsking]

Hello Kieran,

1. The URL or a post that you would eventually like to have this on
All future and previous Post on the Category(Task/Errand)
2. The name of the category or tag that you would like this to appear for
Name of Category – Task/Errand, slug – errandtask
3. How would you like the image to appear? Width? Height? Text wrapped? etc
Width-150, Height-100, Text Wrapped – myerrand.com.ng

[Kieran_SQ]

Hi,

I have looked at your site and it doesn’t appear that it is generating the category class. Please add the following to your KLEO Child theme’s functions.php and let me know once you have added it.

COPY CODE

// Add category class to body
function sq_category_id( $classes ) {
	global $post;
	foreach ( get_the_category( $post->ID ) as $category ) {
		$classes[] = $category->category_nicename;
	}
	return $classes;
}
add_filter( 'body_class', 'sq_category_id' );

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[adamsking]

Hello Kieran,

I have added the code, please check.

[adamsking]

Hello Kieran,

Please is there any update on this request?

[Kieran_SQ]

Hi,

Please add the below CSS to your child theme’s style.css and let me know if this works for you. You can adjust the width and height PX value to suit your needs.

COPY CODE

.errandtask .img.attachment-kleo-full-width {
    width: 150px;
    max-height: 100px;
}

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[adamsking]

Hello Kieran,

I have added the code but it had no effect on the featured images of the post, I also made variations on the width and height but no effect still.

[Kieran_SQ]

Hi,

Can you update this ticket with some admin credentials so I can work with your child theme style.css or theme options directly.

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[adamsking]

Dear Kieran,

Kindly find admin credentials

user: support
password: SUPPORT@123

[Kieran_SQ]

Hi,

I have logged in and added the CSS to both the KLEO Child theme’s style.css and to Theme Options > General Settings > Quick CSS and none of the changes are coming through on the front end.

Please disable W3 Cache, clear your local cache (Ctrl+F5) and let me know if the changes appear on the front end. If the caching is very aggresive your browser may not update without all of the data (bar passwords and formdata) being cleared.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[adamsking]

Hello Kieran,

I did disable W3 Cache and also cleared all my browser cache but still not taking effect.

[Kieran_SQ]

Hi,

I have updated the CSS via Appearance > Editor > Style.css I can see this working on my end – does it work for you? Please clear your browser cache (Ctrl+F5).

Adjust px value in the above file as needed.

COPY CODE

.errandtask img.attachment-kleo-full-width {
    width: 150px !important;
    height: 100px !important;
}

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts