Featured Image Size for Soledad theme

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to reduce the featured image size as you want:

.container-single .post-image{ max-width: 600px; margin-left: auto; margin-right: auto; }

Change value 600 to value as you want.

Best Regards,

PenciDesign

graceful151 replied

6 years ago

Customer Reply

It didn't work. The picture is huge with template 1.

PenciDesign replied

6 years ago

Staff Reply

Hi,

Have you tried with Single Post Template style 1? It will look like this: http://soledad.pencidesign.com/life-is-living-in-moments/

Best Regards,

PenciDesign

graceful151 replied

6 years ago

Customer Reply

The image is still extra large no matter what design I choose in the single post template option. How do I change the size of the featured image?

PenciDesign replied

6 years ago

Staff Reply

Hi,

Yeah, that's single post style we've designed for video sites.

I think you should try with other single post template. You can change template for your single post page via Customize > Single Post Options > Single Posts Template.

Best Regards,

PenciDesign

graceful151 replied

6 years ago

Customer Reply

I just want the size to be streamlined to a size that is appropriate for the page on all the blog posts or I will not be able to use the featured image function.

graceful151 replied

6 years ago

Customer Reply

https://gracefultransitional.com/flight-packing-baby-oh-my/

The picture here on the black part is huge. I have tried to change the code and dimensions of the photo but they have not worked.

Thanks!

PenciDesign replied

6 years ago

Staff Reply

Hi,

Can you show me your site URL and tell me more about your requirements?

I'm not clearly about where do you want to change the featured image size.

And what's the size you want to change for?

Best Regards,

PenciDesign

graceful151 started the conversation

6 years ago

Conversation Start

I need help regarding the sizing for featured images on your soledad theme. They are huge and I tried to figure out the code per your previous tickets helping other people. They did not work.

https://pencidesign.ticksy.com/ticket/1326960/ - didn't work

https://pencidesign.ticksy.com/ticket/1358383/ - didn't work

I also tried resizing the image. I looked at the code per inspect element and it showed

}
style.css:8159.penci-single-featured-img {
position: relative;
width: 100%;
background-color: #f5f5f5;
display: block;
vertical-align: top;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
padding-top: 66.6667%;
}

This is the only code that appears for the image. I have tried to change the width but it just cuts the picture doesn't change how big the picture is displayed.

Thanks!