Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to change thumbnail image for featured blog posts


issamae

Question

  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

4 answers to this question

Recommended Posts

  • 0

Try the following in Design > Custom CSS.

Quote

 

.summary-thumbnail.img-wrapper {

  border-radius: 0 !important;

  }

 

That will change the border around summary images site wide. If you need more specific targeting, such as one page, let us know.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
  • 0
13 minutes ago, creedon said:

Try the following in Design > Custom CSS.

That will change the border around summary images site wide. If you need more specific targeting, such as one page, let us know.

It worked but the image is still too small. how do i make it larger?

Screen Shot 2020-09-09 at 11.44.15 PM.png

Link to post
  • 0

A change to my earlier post. In looking at the image size issue I ran across this in your custom css.

Quote

.sqs-block.summary-v2-block.sqs-block-summary-v2 .img-wrapper {
    border-radius: 50%
}

If you delete the above and the CSS I suggested earlier that should achieve the shape results you want.

I don't have an answer at this time for the image size.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
  • 0

For the image remove...

.sqs-block.summary-v2-block.sqs-block-summary-v2 .summary-thumbnail-outer-container {
    width: 100px;
    margin: 0 auto;
}

...from your custom css, if you want to restore full sized images.

Otherwise if you want to maintain the inset look. Make the width bigger. Instead of using a fixed pixel width you could use a calculation.

width: calc(100% - 15%);

The calc says take 100% of what the image would have been and minus 15% in this case. You can change the 15% to whatever you want. Also you can use pixels in place of the 15%. You could do the following.

width: calc(100% - 25px);

Whatever makes sense for your needs.

Edited by creedon
added info about using CSS calc for width

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...