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

Removing header on a couple of pages


Recommended Posts

Posted (edited)
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

Edited by P_O
Link to comment
  • Replies 38
  • Created
  • Last Reply

Top Posters In This Topic

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?

image.thumb.png.42fbe565a1439a8aa50111cf22a6cecf.png

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
7 minutes ago, tuanphan said:

It looks fine here?

image.thumb.png.42fbe565a1439a8aa50111cf22a6cecf.png

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.

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

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

Link to comment
  • 1 month later...
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!!

Edited by P_O
Link to comment
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?

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

Link to comment
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;
}

 

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

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

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

 

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

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

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