WordPress.org

Ready to get started?Download WordPress

Forums

Posts are floted to left,,,Outside the Page layout (12 posts)

  1. manoj129
    Member
    Posted 2 years ago #

    Posts are floted to left,,,Outside the Page layout

    This is the screen shot
    http://screencast.com/t/SiDH7SqBjfk

    I want them to be like this

    http://screencast.com/t/HyePUred27

    Within the page layout.

  2. sacredpath
    Member
    Posted 2 years ago #

    Can we get a link to the site please so that we can look at the markup and the CSS?

  3. manoj129
    Member
    Posted 2 years ago #

  4. sacredpath
    Member
    Posted 2 years ago #

    Not sure what is going on nor am I sure if you have done any CSS editing, but this will fix the issues. Make sure and check all other pages to make sure this doesn't "fix" something else that isn't broken. Edit and/or add the declarations I have below to the selectors in style.css. I've moved the breadcrumbs over too.

    .breadcrumbed {
    float: right;
    }
    
    #uscolumnsingle {
    float: right;
    padding-right: 30px;
    }
  5. Pavan
    Member
    Posted 2 years ago #

    #uscolumnsingle{
      float:right;
      margin-right:10px;
      padding:6px;
    }
    .breadcrumbed{
      float:right;
    }

    Its right.........
    But I think you have to put the #uscolumnsingle and .breadcrumbed inside the .wrapper. It will be better for the website and your background also set as the wrapper's background.

  6. manoj129
    Member
    Posted 2 years ago #

    It fixed my issue partially...Thanks for your efforts... @sacredpath @pavanluthra

    Now it looks centered.

    http://www.gamesthrough.in/news/xfire-launches-new-feature-to-allow-gamers-to-capture-in-game-video-and-share-to-their-youtube-channels/

    Still i need the page layout background.. @pavanluthra ... can you guide me how to do that..

  7. manoj129
    Member
    Posted 2 years ago #

  8. sacredpath
    Member
    Posted 2 years ago #

    What exactly are you talking about for "page layout background?"

    I noticed that your search box is too wide for the sidebar, this will fix it. Add it to the end of your CSS.

    #cse-search-box input {
    max-width: 299px !important;
    }
  9. manoj129
    Member
    Posted 2 years ago #

    Yup it fixed..... i have added widgets to my post sidebar, after this it got fixed..

    Thanks all

  10. sacredpath
    Member
    Posted 2 years ago #

    You are welcome.

  11. Pavan
    Member
    Posted 2 years ago #

    I can fix. its too easy, but your div are not in right position..
    Write the structure of div like this..

    <div class="wrapper">
    	<div id="sidebar">
    	</div>
    	<div class="breadcrumbed"></div>
    	<div id="uscolumnsingle">
    	</div>
    </div>

    and in stylesheet:............
    remove float attribute. you have written this style two times, just remove float attribute from both.
    `#uscolumnsingle{
    ...
    }

    and at the end of stylesheet.......
    .breadcrumbed{
    float:right;
    }
    just remove it.....

    I hope it will clearly fix your problem........

  12. Pavan
    Member
    Posted 2 years ago #

    You have exactly done the structure of divs... u r welcome
    but also remove float elements i mentioned above..
    there is no use of them..

Topic Closed

This topic has been closed to new replies.

About this Topic