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

Change Blog Content Width


Recommended Posts

Hey! This code below is working great. Do you know if there's a way to change only the images to be 80% width and have the text remain at 100% width?

Example post: https://www.reflections.photo/blog/why-dads-make-every-photo-session-more-awesome-niagara-newborn-family-photographer

@media screen and (min-width:641px) {
.Main--blog-item .Main-content {
    max-width: 80%;
    margin: auto;
}
}
 

Thanks in advance!

 

Link to comment
1 hour ago, kbradfield said:

Hey! This code below is working great. Do you know if there's a way to change only the images to be 80% width and have the text remain at 100% width?

Example post: https://www.reflections.photo/blog/why-dads-make-every-photo-session-more-awesome-niagara-newborn-family-photographer

@media screen and (min-width:641px) {
.Main--blog-item .Main-content {
    max-width: 80%;
    margin: auto;
}
}
 

Thanks in advance!

 

Hello, yes please. I'm actually looking for the opposite, to make all images on blog posts 100% full site width and leave the text with its default margin. Is this possible? 

Very much obliged

Link to comment
9 hours ago, kbradfield said:

Hey! This code below is working great. Do you know if there's a way to change only the images to be 80% width and have the text remain at 100% width?

Example post: https://www.reflections.photo/blog/why-dads-make-every-photo-session-more-awesome-niagara-newborn-family-photographer

@media screen and (min-width:641px) {
.Main--blog-item .Main-content {
    max-width: 80%;
    margin: auto;
}
}
 

Thanks in advance!

 

Add to Design > Custom CSS

article.BlogItem .span-12>.image-block {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 3 weeks later...
On 8/5/2021 at 6:50 PM, skb123 said:

Hi,

this blog was re-designed because I needed smaller images, fonts, less space ect. Now I want to create one more blog with the same settings, but unfortunally I can only use Squarespace' settings for a new blog. How do I use the Custom CSS settings that he made for me? https://www.nmdpharma.com/news
Please tell me, if you need his codes.

 

Hi. What do you want to do on news blog? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
11 hours ago, skb123 said:

Hi, I would like to create a new blog that is exactly like the link above. The problem is, that a guy did it for me and I don't have the possibility to ask him how to do it. He made the images and fonts smaller (I guess it was in Custom CSS) because it isn't possible in the template from Squarespace.

Got it. Can you share link to blog page where you use smaller font & link to new blog page?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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