Home Forums Landing Pages [Landing Pages] How to use CSS to alter the landing page template Svtle.

This topic contains 6 replies, has 2 voices, and was last updated by  margmacd 6 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #129226

    margmacd
    Participant

    Hello

    I am currently using the plugin Landing Pages, created by Inbound Now, to create a landing page for my WordPress site. I am finding it convenient to use Inbound Now’s own template for this purpose and would like to stick with it, at least for now. However, I would welcome some advice on how to address a few issues I am encountering with presentation. These are as follows:

    *The font for the main headline is too small.

    *The Inbound Now icon in the left margin is far too dominant. I am happy to acknowledge the source of the template but not to the extent that the corresponding title is bigger than all other remaining text on my page.

    *I would like to be able to manage the width of the left margin (which is currently too wide).

    *The text in the section Main Content is only taking up about half the available space and I cannot find any functionality to manage this.

    I am aware that there is a Custom CS and a Custom JS box available but I am not clear as to what code may be used in any one of these boxes to address the above problems.

    I would be most grateful for assistance.

    Thanks in advance!

    #129233

    Hudson Atwell
    Keymaster

    Hi I’m happy to work with you on all concerns. Which template are you using? Can you provide a link?

    Inbound Now logo’s should not be mandatory for any of our templates.

    One last question for now… what version Inbound Now plugins are you running? Are they the latest?

    #129237

    margmacd
    Participant

    Thanks, Hudson. The template i am using is highlighted in the last row of the attached file, landing_page.jpg.

    I keep my plugins up-to-date by responding to the WordPress updates prompts. The version of Landing Pages that i am currently using is Version 2.4.7.

    Attachments:
    You must be logged in to view attached files.
    #129243

    Hudson Atwell
    Keymaster

    Okay so Svtle template, here we go.

    1. Logo image,

    You can replace the Inbound Now logo with your own here: https://www.screencast.com/t/Utb8uw6TfmW

    If you don’t want to have a logo you could use this CSS to hide it completely:

    #logo {
        display:none;
    }

    2. Increase fontsize in main headline:

    .entry-title {
       font-size:35px;
    }

    3. Width of the left margin:

    header#sidebar {
        padding-left: 10px !important;
    }

    4. Expand the main body content width .

    body article.post h2, body article.post p {
        max-width: 80%;
    }
    #129256

    margmacd
    Participant

    Thanks, Hudson, for your valued advice. I was able to implement your ideas under 1., 2. and 4. with ease, choosing to replace the default logo with an alternative company logo. The logo sits within what I have referred to as the left margin. Using your code under 3. made no difference to the width of this region. Just to check, I experimented by replacing ’10’ by ‘0.1’ but still there was no change. I want the logo to sit in a narrower margin and ideally to use some space at the bottom or middle of this margin to include the name of the author. Is this possible?

    #129266

    Hudson Atwell
    Keymaster

    Hey for 3, will you share a link to the landing page so I can see what is failing?

    #129268

    margmacd
    Participant

    Hello

    I copy-pasted your recommended code under 3. into the Custom CSS box on the Editing Landing Page page for the original template which you refer to as ‘ Svtle template’
    and this made no difference either, including when I changed “10 px” to “0.1 px” in this code by way of an experiment. I attach herewith a screen which shows exactly which type of margin width I am referring to as “unchanged”.

    Attachments:
    You must be logged in to view attached files.
Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘[Landing Pages] How to use CSS to alter the landing page template Svtle.’ is closed to new replies.