Removing header on a couple of pages

3 hours ago, tuanphan said:

you can adjust number 150 & 40

I tried to adjust 150 to 350, just to see what happens. and not much changed, instead the writing in the banner moved to the bottom. 

200 is the highest you can go before it changes the writing to the bottom of the banner

On 10/2/2021 at 11:28 AM, P_O said:

I tried to adjust 150 to 350, just to see what happens. and not much changed, instead the writing in the banner moved to the bottom. 

 

200 is the highest you can go before it changes the writing to the bottom of the banner

It looks fine here?

7 minutes ago, tuanphan said:

It looks fine here?

I think it would be ideal on around  250 so it matches the height of the images below too. but yes, its not bad now.

6 minutes ago, P_O said:

I think it would be ideal on around  250 so it matches the height of the images below too. but yes, its not bad now.

To make it 250px

First edit 200px to 250px

next, remove height: auto !important;

Next, reload your site & check again

On 10/5/2021 at 9:44 AM, tuanphan said:

To make it 250px

First edit 200px to 250px

next, remove height: auto !important;

Next, reload your site & check again

it works and looks great now, thank you very much!!
is there a similar code for making the size of the desktop banner look more suitable, rather than looking so zoomed in like now? but the code shouldn't actually make the banner smaller top to bottom. 

On 10/5/2021 at 3:44 PM, tuanphan said:

To make it 250px

First edit 200px to 250px

next, remove height: auto !important;

Next, reload your site & check again

Hello tuanphan,

May I ask for your advise on the following question.

I have worked on making a multilingual website, adding a German and Chinese homepage. The current code on the website disables all the header banners apart from the main (english) homepage. What code can I insert to have the banner JUST work on the main pages of the three languages? 

EDIT What code can I enter to make the site outer padding  of the blog page only Blog — Ortner China Consulting (ortner-china.com) large? currently if I change it, it changes the padding on all sites.

Thank you!!

7 hours ago, P_O said:

Hello tuanphan,

May I ask for your advise on the following question.

I have worked on making a multilingual website, adding a German and Chinese homepage. The current code on the website disables all the header banners apart from the main (english) homepage. What code can I insert to have the banner JUST work on the main pages of the three languages? 

EDIT What code can I enter to make the site outer padding  of the blog page only Blog — Ortner China Consulting (ortner-china.com) large? currently if I change it, it changes the padding on all sites.

Thank you!!

#1. It looks like you figured it out?

#2. Blog list page or list page + individual posts?

3 minutes ago, tuanphan said:

#1. It looks like you figured it out?

#2. Blog list page or list page + individual posts?

1. No I havent. I have used a large picture and reduced the padding on both sides, but it is not the header, its just a image with writing.

2. Just on this site https://www.ortner-china.com/blog . I would also like to reduce the padding of the blog carousel on the Home — Ortner China Consulting (ortner-china.com) home page.

On 11/11/2021 at 3:00 PM, P_O said:

1. No I havent. I have used a large picture and reduced the padding on both sides, but it is not the header, its just a image with writing.

2. Just on this site https://www.ortner-china.com/blog . I would also like to reduce the padding of the blog carousel on the Home — Ortner China Consulting (ortner-china.com) home page.

Add to Design > Custom CSS

/* blog padding */
section.BlogList.BlogList--posts-excerpt.sqs-blog-list.clear {
    padding-left: 10vw;
    padding-right: 10vw;
}
/* home carousel padding */
div#block-yui_3_17_2_1_1633069048197_101313 {
    padding-left: 10vw;
    padding-right: 10vw;
}

11 minutes ago, tuanphan said:

Add to Design > Custom CSS

/* blog padding */
section.BlogList.BlogList--posts-excerpt.sqs-blog-list.clear {
    padding-left: 10vw;
    padding-right: 10vw;
}
/* home carousel padding */
div#block-yui_3_17_2_1_1633069048197_101313 {
    padding-left: 10vw;
    padding-right: 10vw;
}

 

Thank you!! 

What code should I enter so it also works on the German front page? Home DE — Ortner China Consulting (ortner-china.com)

23 minutes ago, P_O said:

Thank you!! 

What code should I enter so it also works on the German front page? Home DE — Ortner China Consulting (ortner-china.com)

Use this code

/* Home de summary padding */
div#block-811a83267d705a88ba84 {
    padding-left: 10vw;
    padding-right: 10vw;
}

How I found block id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

2 hours ago, tuanphan said:

Use this code

/* Home de summary padding */
div#block-811a83267d705a88ba84 {
    padding-left: 10vw;
    padding-right: 10vw;
}

How I found block id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

This worked, fantastic. Thank you very much。

Do you mind taking a look regarding how to switch on the header for the three home pages (english, german,chinese) only? Thank you

On 11/14/2021 at 1:04 PM, P_O said:

This worked, fantastic. Thank you very much。

Do you mind taking a look regarding how to switch on the header for the three home pages (english, german,chinese) only? Thank you

 

What do you mean? Can you describe in detail?

12 hours ago, tuanphan said:

What do you mean? Can you describe in detail?

OK! We have used a code that the header is only visible on this  Home page Home — Ortner China Consulting (ortner-china.com) 

I have another two Home pages for different languages, one in German Home DE — Ortner China Consulting (ortner-china.com) and one in Chinese 中文主页 — Ortner China Consulting (ortner-china.com).

Due to the code we have used before, you can't see the header on the other two language Home pages. I had to insert a large picture with writing on it so it looks like the header, but it actually isnt. Sometimes when the internet is slow, the image on this site will load slowly too, which is not good for user experience.

So I would like the Header to be visible on the above three home pages only, and disable it for all other pages. Is this possible?

On 11/17/2021 at 9:04 PM, tuanphan said:

What do you mean? Can you describe in detail?

Hi tuanphan,

I am trying to adjust the size of this image on Mobile in my blog posts. Right now it looks too large on mobile (picture 2). On desktop, I can make it smaller using the spacer. (picture 1)

By the looks of it, each time I post a new blog post, I have to add a CSS to make the imagine smaller on mobile. Is there a more efficient way of doing this?

Thank you!

1 hour ago, P_O said:

Hi tuanphan,

I am trying to adjust the size of this image on Mobile in my blog posts. Right now it looks too large on mobile (picture 2). On desktop, I can make it smaller using the spacer. (picture 1)

By the looks of it, each time I post a new blog post, I have to add a CSS to make the imagine smaller on mobile. Is there a more efficient way of doing this?

 

Thank you!

Can you share link to 3 or 4 posts? We will check it again

10 hours ago, tuanphan said:

Can you share link to 3 or 4 posts? We will check it again

Sure.

Here are some posts. Example, Example 2 and link to blog.

The images I have sent you are not from a live post, but only from a draft. I didn't want readers to see an "unfished" version yet. 

I hope this helps？

6 hours ago, P_O said:

Sure.

Here are some posts. Example, Example 2 and link to blog.

The images I have sent you are not from a live post, but only from a draft. I didn't want readers to see an "unfished" version yet. 

I hope this helps？

You can duplicate site & add there. Without checking image, we can't help with this.

46 minutes ago, tuanphan said:

You can duplicate site & add there. Without checking image, we can't help with this.

How about this How to Pass the HSK 6? - A Guide on How to Do Well in Your HSK 6 Test (November 2021 Update) — Ortner China Consulting (ortner-china.com)

The main issue I have is that on mobile, the image at the bottom (of the author) is too large. On desktop it looks fine. If we alter this with code, do I have to insert a new code each time I write a new post?

On 1/30/2022 at 2:54 PM, P_O said:

How about this How to Pass the HSK 6? - A Guide on How to Do Well in Your HSK 6 Test (November 2021 Update) — Ortner China Consulting (ortner-china.com)

The main issue I have is that on mobile, the image at the bottom (of the author) is too large. On desktop it looks fine. If we alter this with code, do I have to insert a new code each time I write a new post?

Try adding this to Design > Custom CSS

/* blog author image */
@media screen and (max-width:767px) {
article.BlogItem .columns-12>.row>.span-12>.row:last-child .image-block {
    width: 30%;
}
}

4 hours ago, tuanphan said:

Try adding this to Design > Custom CSS

/* blog author image */
@media screen and (max-width:767px) {
article.BlogItem .columns-12>.row>.span-12>.row:last-child .image-block {
    width: 30%;
}
}

 

Thank you!!