WordPress.org

Ready to get started?Download WordPress

Forums

How to decrease the main page width? (5 posts)

  1. Hulbert Lee
    Member
    Posted 2 years ago #

    Hello, here is my website: http://howtofocusbetter.com/

    I'm trying to decrease the main page width so that it aligns with the top navigation bar. How can I do this?

  2. theotherlebowski
    Member
    Posted 2 years ago #

    if i were you i'd change .nav li & .nav a in your theme's master.css file to the following code:

    .nav li {
    float: left;
    margin: 0 <strong>13px</strong> 0 0;
    }
    .nav a {
    display: block;
    padding: 15px <strong>13px</strong> 15px <strong>13px</strong>;
    font-size: 1.3em;
    font-family: Helvetica, Arial, sans-serif;
    color: #555;
    }

    that should line things up but check it in other web browsers, especially internet explorer as it has it's own brand of crazy that it applies to css properties that can make your site look like an absolute state!

  3. Hulbert Lee
    Member
    Posted 2 years ago #

    Hello, I added

    .nav li {
    float: left;
    margin: 0 <strong>13px</strong> 0 0
    }

    and

    .nav a {
    display: block;
    padding: 15px <strong>13px</strong> 15px <strong>13px</strong>;
    font-size: 1.3em;
    font-family: Helvetica, Arial, sans-serif;
    color: #555
    }

    into my Linen PRO Child Theme: Stylesheet (style.css), and checked Firefox and Chrome; however, nothing seemed to have changed?

  4. theotherlebowski
    Member
    Posted 2 years ago #

    hi, delete the bits and see if that makes the difference :D

  5. Hulbert Lee
    Member
    Posted 2 years ago #

    Can you clarify what you mean by the term "bits" please?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.