WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to set margins on Page (13 posts)

  1. bamstel
    Member
    Posted 1 year ago #

    I have a two column theme. The second column or sidebar is where I put my widgets.

    All of my pages look great the way they are supposed to with text/article on the left and then the standard/repeating content in the side bar. I added a page today and the text/article content is running the whole page width and bleeding underneath the widget area.

    How do I set the margins for my new page?

  2. BeautyPirate
    Member
    Posted 1 year ago #

    Assuming you´re running a child theme then either look for your themes css file and search for .entry-content and if it is not there, write it like this:

    .entry-content {
    width:???px;
    }

  3. riversatile
    Member
    Posted 1 year ago #

    Hi,

    As usual, edit your the stylesheet called "style.css" in your theme folder.
    Then, customize margin/width for the class you want the the change take effect.

    You may try to use Google Chrome 'inspector' to find out the good class to change.

  4. bamstel
    Member
    Posted 1 year ago #

    If my other pages work just fine, then is it still necessary to add this information? How do I distinguish this one page from the rest?

  5. bamstel
    Member
    Posted 1 year ago #

    This seems like a very advanced edit. Is there another way to make the edits without editing the css?

  6. bamstel
    Member
    Posted 1 year ago #

    Here is the new page that I am trying to fix:
    http://livingpowerfully.com/store/

    This is what all of my other pages look like:
    http://livingpowerfully.com/about/living-powerfully/

  7. bamstel
    Member
    Posted 1 year ago #

    It works perfectly in Safari and Chrome Browser and does not work in Firefox, Internet Explorer.

    Anyone know how to fix this?

  8. dragonsjaw
    Member
    Posted 1 year ago #

    You're right it doesn't work in FF.. but you are running an old theme and your version of WP is ancient. I would consider upgrading and finding a new theme.

    As to a fix, I would perhaps just delete that page and make a new one, and see if the same thing happens.

  9. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    That page has many mark-up errors which are likely at least one of the causes of the layout errors:

    http://validator.w3.org/check?uri=http%3A%2F%2Flivingpowerfully.com%2Fstore%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

  10. BeautyPirate
    Member
    Posted 1 year ago #

    The newer WP versions and themes gave a lot of attention to browser compability, you should or rather you HAVE TO upgrade in order to make it work. Don´t worry if your site looks a mess first, you might want to readdress certain areas in the .css files as their names might be different but checking your site in Firefox then click "Inspect element" shows you which div you´re addressing.

    And no, putting some code into .css is not advanced at all. It is just styling, almost like putting on a new shirt ;-)

  11. bamstel
    Member
    Posted 1 year ago #

    Thank you for all of the input. I really appreciate it.

  12. BeautyPirate
    Member
    Posted 1 year ago #

    Did you update everything? Does it work now?

  13. dragonsjaw
    Member
    Posted 1 year ago #

    Check your sidebar on the books page.. it seems to be mis-handling it's content as well.
    Also the grey divider bars aren't on any other pages and maybe deleting them will offer insight.
    And adding the buy buttons on the left of the content may make a difference.

Topic Closed

This topic has been closed to new replies.

About this Topic