Jump to content

Image card text not aligned properly

Recommended Posts

  • Replies 5
  • Views 881
  • Created
  • Last Reply

Hi. Looks fine here. Can you describe in detail?

On Tablet, I see pink space

Add this to Design > Custom CSS to solve

body#collection-5fb600895347e16dc5b7750f {
    background: #0303ab;
}

image.thumb.png.12c7d9460f7ca868b6767f44fe4361eb.png

Also, on this page, a bit narrow.

https://www.justinli.ca/curriculum

Add to Design > Custom CSS

/* CV page width */
@media screen and (max-width:991px) and (min-width:768px) {
body#collection-5fb6beca91efbb012a44b894 #page .content {
    width: 90%;
}
}

image.thumb.png.b931802da2ea2a040cc57952d2e44f78.png

Final, the navigation has 2 items only. On tablet, it shows burger icon. Do you want to  force desktop menu on tablet?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 1/3/2021 at 1:36 AM, tuanphan said:

Final, the navigation has 2 items only. On tablet, it shows burger icon. Do you want to  force desktop menu on tablet?

Hi there, thank you so much for the help! Yes, desktop menu would be wonderful.

As for the alignment:

It appears that the text is not evenly aligned on my screen, at both tablet and desktop dimensions. As you can see in the picture below, the "Brown | RISD Dual" line appears to have a blank space in front of it. It is not aligned with the rest of the text. This is also true for "Love to All Project" line. How can I make it so that everything is aligned to the left?

981916484_ScreenShot2021-01-05at8_23_35PM.png.80b852d30cc8719c3034f0271f55255f.png

Link to comment
On 1/6/2021 at 11:25 AM, justinli said:

Hi there, thank you so much for the help! Yes, desktop menu would be wonderful.

As for the alignment:

It appears that the text is not evenly aligned on my screen, at both tablet and desktop dimensions. As you can see in the picture below, the "Brown | RISD Dual" line appears to have a blank space in front of it. It is not aligned with the rest of the text. This is also true for "Love to All Project" line. How can I make it so that everything is aligned to the left?

981916484_ScreenShot2021-01-05at8_23_35PM.png.80b852d30cc8719c3034f0271f55255f.png

Hi. Looks fine here. Do you still need help?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 1/6/2021 at 10:57 PM, tuanphan said:

Hi. Looks fine here. Do you still need help?

Hi Tuan, thanks for getting back to me. Yes, could you please teach me how to force desktop menu on tablet? The burger icon is unnecessary.

Here are pictures of my alignment concern:

1. Here, the text is left aligned. This is what it looks like when I am editing.

1219412485_ScreenShot2021-01-07at8_57_19PM.thumb.png.31f7fb83d90513e94836185524a397e0.png

2. When I publish the text, it is no longer left aligned. This image shows how the text is not vertically parallel.

1739262163_ScreenShot2021-01-07at8_57_34PM.thumb.png.38ef842fd82d035f2a464c500c0a70e3.png

Link to comment

Archived

This topic is now archived and is closed to further replies.

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