I am looking for CSS to make the text wrap around the image in a Summary block.

Site URL: https://www.blueridgeresearch.com

I am looking for CSS to make the text wrap around the image in a Summary block. It looks fine without wrapping on a monitor but on the phone and tablet the text is in a narrow column on the right side of the image. I want it to wrap around the image and fill in all the white space on the left. The code can apply to all Summary blocks on the site. I figured out how to make the Summary block stack in the phone view, but that doesn't affect the tablet view.

Don't have a direct URL to the page yet. I'm still playing with it. But, pretty straight forward. Wrap text around the images in Summary blocks, site-wide. I have attached a screen shot of the phone view and tablet view below that show wasted space.

Thank you very much for any help you can give me.

Hi,

Can you share link to page in screenshot?

Hello Tuaphan,

Thank you for looking at this. The page is https://www.blueridgeresearch.com/about. Scroll down to MEET THE TEAM. I also wonder why the email and linkedin links are not blue and underlined like the rest of the links on the site. Do links in a Summary block not follow the link style set for the site? If not, is there CSS that will force links in a Summary block to follow the link style set for the site?

Thank you again. I appreciate your time.

On 11/14/2021 at 10:07 PM, tuanphan said:

Hi,

Can you share link to page in screenshot?

On 11/14/2021 at 10:07 PM, tuanphan said:

Hi,

Can you share link to page in screenshot?

Hello Tua,

Thank you for looking at this. The page is https://www.blueridgeresearch.com/about. Scroll down to MEET THE TEAM. I also wonder why the email and linkedin links are not blue and underlined like the rest of the links on the site. Do links in a Summary block not follow the link style set for the site? If not, is there CSS that will force links in a Summary block to follow the link style set for the site?

Thank you again. I truly appreciate your time.

On 11/14/2021 at 10:07 PM, tuanphan said:

Hi,

Can you share link to page in screenshot?

Tuan,
Believe it or not I solved most of my problems with the Summary Block presentation on the device. I actually found an old post of yours that helped and I was able to modify it. I only have one remaining problem with this. Links within my Summary blocks are not underlined, and not blue. The rest of my site has blue underlined links. The links work, they just are not following the link style I set for my site. Here is an example page that shows a Summary block.

https://www.blueridgeresearch.com/our-team-content

The "email" and "Linkedin" links do not have a style at all. I searched but can't find an answer to this. I hope you can help me. Thank you very much.

Hi @tuanphan is there a way to prevent the summary block section of a site not to wrap at certain points? For our site this would be the "view our work" section. We would like the row to be even at all times so if the summary blocks could adjust to 4 to a row or 2 that would be ideal. Could you take a look for us? The password for the site is DoveLove2023! Thank you. 

https://cobalt-saffron-k33w.squarespace.com/

On 4/8/2023 at 2:51 AM, Dovely2023 said:

Hi @tuanphan is there a way to prevent the summary block section of a site not to wrap at certain points? For our site this would be the "view our work" section. We would like the row to be even at all times so if the summary blocks could adjust to 4 to a row or 2 that would be ideal. Could you take a look for us? The password for the site is DoveLove2023! Thank you. 

https://cobalt-saffron-k33w.squarespace.com/

Hi,

Currently It shows 2 items/row to me.

What should it look like?