WordPress.org

1. manoj129
   Member
   Posted 1 year 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 1 year 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 1 year ago #
   

   Site

   http://www.gamesthrough.in

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

   Thanks for quick response

4. sacredpath
   Member
   Posted 1 year 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 1 year 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 1 year 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 1 year ago #
   

   This is my Stylesheet

   http://www.mediafire.com/?c82mbze6eci1a9i

8. sacredpath
   Member
   Posted 1 year 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 1 year ago #
   

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

   Thanks all

10. sacredpath
    Member
    Posted 1 year ago #
    

    You are welcome.

11. Pavan
    Member
    Posted 1 year 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 1 year 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.