SOLVED

Re: Marketo Landing Page

Go to solution
Nimisha_Garg
Level 4

pastedImage_0.png

Hello Marketo Team,

I need to remove this white space in between "logo" and the header image / banner image.

DO you need HTML code pasted here? Which part of the code will you need?

Thanks,

1 ACCEPTED SOLUTION
Corey_Bethel
Level 4 - Champion Alumni

You need to add it to the <div> highlighted in blue. Line 289.

Screen Shot 2019-03-15 at 1.50.50 PM.png

Corey Bethel
Consultant | Etumos

View solution in original post

36 REPLIES 36
Nimisha_Garg
Level 4

Corey's help has been one of the best experiences in Marketo Nation.

Corey_Bethel
Level 4 - Champion Alumni

Hi Nimisha,

You have a minimum height of 95px on the <div> with id=header. Try reducing that and see if that works.

Screen Shot 2019-03-14 at 4.04.10 PM.png

Corey Bethel
Consultant | Etumos
Nimisha_Garg
Level 4

This is a guided landing page...make change in that?

Corey_Bethel
Level 4 - Champion Alumni

You'll need to make the change in the HTML of the template.

Corey Bethel
Consultant | Etumos
Nimisha_Garg
Level 4

Hi Corey,

It did not work. It fixed probably the spacing between the logo and the banner image.

pastedImage_0.png

Landing Page:

pastedImage_1.png

URL: Landing Page

Corey_Bethel
Level 4 - Champion Alumni

Are you trying to remove the white space above or below the logo?

Corey Bethel
Consultant | Etumos
Nimisha_Garg
Level 4

pastedImage_0.png

Nimisha_Garg
Level 4

This part this spacing.....

Corey_Bethel
Level 4 - Champion Alumni

I thought you needed the white space between the logo and the header image removed because in your original comment you said:

I need to remove this white space in between "logo" and the header image / banner image.

In regards to the whitespace below the button, I'm not seeing it when I view the page, so I can't say for sure how to remove it.

Corey Bethel
Consultant | Etumos
Nimisha_Garg
Level 4

Sorry, apologize for writing it improperly.....

Can you see in this preview link?

Landing Page

Nimisha_Garg
Level 4

I am looking to remove the white space below the CTA (button). It is too much..

This is how the guided landing page looks like? The space below the CTA button is alot in this template. That I wanted to remove.

pastedImage_0.png

Corey_Bethel
Level 4 - Champion Alumni

Send me a link to that landing page. The link you provided looks different.

Corey Bethel
Consultant | Etumos
Nimisha_Garg
Level 4

this is the only link I have..you have to log into my Markeot instance to see template....unless there is a way to share guided templates

Landing Page

Corey_Bethel
Level 4 - Champion Alumni

Are you working in the landing page template or a landing page asset that is using the template?

If you working in a landing page asset, approve the landing page asset, and then send me the URL to the landing page. You can get the URL from the main screen when you are clicked on the landing page asset.

Corey Bethel
Consultant | Etumos
Nimisha_Garg
Level 4

Are you working in the landing page template or a landing page asset that is using the template? (on the landing page asset)

If you working in a landing page asset, approve the landing page asset, and then send me the URL to the landing page. You can get the URL from the main screen when you are clicked on the landing page asset.

(on the landing page approved it and here is the URL)

URL:

Landing Page

Corey_Bethel
Level 4 - Champion Alumni

Thank you!

Your HTML is referencing an external style sheet named "style-mkto.css". On line 81 of that style sheet, you have padding-bottom set to 70px on the #banner id. You'll need to adjust that number to reduce the space below the button.

Corey Bethel
Consultant | Etumos
Nimisha_Garg
Level 4

Oh ok! where do I find this style sheet?

Nimisha_Garg
Level 4

Sorry stupid questions

Corey_Bethel
Level 4 - Champion Alumni

It looks like it's hosted in your Marketo instance in the Images and Files folder in the Design Studio. Search for style-mkto.css in the Images and Files folder.

Although it's not best practice, it may be easier for you to just add style="padding-bottom: 20px;" to the <div> with an id of "banner" in the HTML, which will override the style in the .css file. Change "20px" to whatever you want it to be.

Corey Bethel
Consultant | Etumos
Nimisha_Garg
Level 4

Hi Corey,

Thank you for the fast reply.......

Can you please share the screen shot........where to find " <div> with an id of "banner" in the HTML, which will override the style in the .css file. "

Thank you,