6 Replies Latest reply on Dec 21, 2017 3:39 AM by Gerard Donnelly

    How can I take out italics from guided landing page template 2-D?

    Kelly Chang

      I've been combing through the code to try and take out the italics and decrease the line spacing where it says "You'll be glad to know our name."

      Template 2-D - Marketo Docs - Product Documentation

      I took out the italic options here on line 32:

      However, it still shows that section in all italics and makes the paragraph double spaced (which I want to be single spaced).

      Any ideas on how to change these? TIA! Kelly

        • Re: How can I take out italics from guided landing page template 2-D?
          Grace Brebner

          Hi Kelly,

           

          The italics styling on that bit of text is coming from the CSS stylesheet being applied to the template (http://templates.marketo.net/template2/css/style.css), specifically the class applied to that line is the lead class, which has the following CSS:

          .lead {

               position: relative;

               font-size: 20px;

               line-height: inherit;

               font-style: italic;

               font-weight: normal;

               padding: 10px 0 25px;

          }

          You'll need to either remove that class from that section in the template, or you'll need to override it. Depending on how many changes you want to make and how comfortable you are working in css, you may even want to create your own edited version of the stylesheet.

          • Re: How can I take out italics from guided landing page template 2-D?
            Gerard Donnelly

            Hi Kelly Chang,

             

            Although you might not have access to the css file directly you can remove the italics by adding styles directly inline to the <p> element, or adding overriding styles to the <style> section that is located at the top of the template file.  If you don't want to edit the template or don't have access to it you can change the style on a page by page basis by adding the overriding styles to the custom html section located in the editing window of each landing page.  See my screen shots below:

             

            This is the style you want to change:

            I added "!important" to the font style to make sure it definitely takes priority over the italic style.  It probably isnt required as page level styles will trump externally inherited styles but it is just a good way to be sure.  I also think it is the padding that you will want to reduce rather than the line spacing but I haven't touched that in the example below.

             

            <style>

            #heroText  {

                position: relative;

                font-size: 20px;

                line-height: inherit;

                font-style: normal !important;

                font-weight: normal;

                padding: 10px 0 25px;

            }

            </style>

             

            Go to the Edit Page Meta Tags Section:

            Screen Shot 2017-12-21 at 11.36.29.png

             

            In Custom Head HTML section, paste the style I have added above.

            Screen Shot 2017-12-21 at 11.37.32.png

             

            Now preview your page and you should be golden

            Screen Shot 2017-12-21 at 11.39.06.png

             

            Let me know how you get on.

             

            Thanks,

             

            Gerard