Jump to content

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

Recommended Posts

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.

image.png.7edab5fde4f977737be39392481a68f3.png

image.png.87bf09f2c78bdac1d7541de98f53d5d2.png

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

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.

Link to comment
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.

Link to comment
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.

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.