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

Custom CSS for image card layout

Question

Hello,

I have a site that I used image cards within an index to give a certain effect. I was wondering if someone could help me customize the colors on the blocks AND remove the spacing around the image block in between containers.

link to the site: https://pufferfish-piano-xr4r.squarespace.com/config/Home page

The idea is for it to look like the attachment.

screen-shot-2019-07-31-at-20645-pm.png.675f6d4276b9c6a696ff47e513f73926.png

Edited by maggiec
Initial Revision

Share this post


Link to post

Recommended Posts

  • 0

@tuanpham Please see these screenshots.

Something is getting bumped on the top that's pushing everything down - and the summary block from the home page of the image galleries are getting cut out with a weird misc. arrow on the side.

Share this post


Link to post
  • 0

@tuanphan

That summary carasol should have 3 images viewable with someone being able to scroll through the rest and link to buying the print.

THanks!

img-4412.jpg.562e9d05a45eb4927188a32a9a53c396.jpg

img-4413.jpg.b7a2e205b1fb013d5f0f8c0763fe22ff.jpg

Share this post


Link to post
  • 0

@tuanphan For desktop the home page needs that spacing and on the 35 mm page, the Title was getting cut off so I had to add a spacer above that. However, when collapsed into mobile, the spacers are greatly affecting the page.

Any suggestion??

Share this post


Link to post
  • 0

@tuanphan The spacers are messing things up with mobile now. Can you look at the shop page and see how it shows in desktop and tablet and then see it in mobile view. Is there a way to keep how it looks in tablet for mobile? The image card with text aligned on the side? If not, how do I at least minimize the padding between the image and title?

Share this post


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...