Adding CSS to landing page | Community
Skip to main content
Kevin_Keefe
Kevin_Keefe
Level 2
April 30, 2018
Question

Adding CSS to landing page

  • April 30, 2018
  • 2 replies
  • 4437 views

I am very novice when it comes to working with CSS and HTML elements, however, I would like to apply some style elements to just one specific landing page that is using the Blank Landing Page template.

My problem is, I don't know what elements are defined already in containers or anything really, so I don't know where I need to start the code.

I know there is a drag and drop HTML button, but when working inside of that, I don't know what code to start with and I've been experimenting for a while and grew frustrated so I thought I would ask the experts!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

2 replies

Grégoire_Miche2
Grégoire_Miche2
Level 10
April 30, 2018

HI Kevin,

This is not the right way to go. You should use a guided landing page template, not the old free form one with absolute positioning and terrible mobile capabilities.

In Marketo, as a global rule (and there are some exceptions) CSS should be added at template level, not at LP level.

-Greg

Jay_Jiang
Jay_Jiang
Level 10
April 30, 2018

If you must - publish the page, visit the page and open your browser's inspector tool to find the class or id for the elements you want to change. In FF, Chrome and IE, you can right click anywhere on a page and click "Inspect".

If you're more advanced, you can drag a html wysiwyg element onto the landing page canvas and write all of your code in there including setting your own IDs, classes, CSS and scripts. If you're confident in trying this, just letting you know there are default CSS settings you'll need to overwrite to make the html container style the way you want.

Terms & ConditionsAccessibility statement

Loading footer...