WordPress.org

Ready to get started?Download WordPress

Forums

Content not displaying properly.. (8 posts)

  1. Bwrightdesign
    Member
    Posted 1 year ago #

    I am trying to center the middle content of my page but for some reason there is a left margin that I can not seem to get rid of.

    http://www.bwrightdesign.net/v2

    Here is what its suppose to look like

    https://www.dropbox.com/s/kyscslhr20u3cl3/Screen%20Shot%202013-01-10%20at%208.23.58%20PM.png

  2. Tara
    Member
    Posted 1 year ago #

    -Try using Firefox with the Firebug add-on for this kind of CSS work. http://getfirebug.com/

  3. IAmNickOrtiz
    Member
    Posted 1 year ago #

    is this the left padding that you're talking about?

    @media only screen and (min-width: 768px)
    .eightcol {
    width: 65.74585634900001%;
    }
  4. Bwrightdesign
    Member
    Posted 1 year ago #

    Heres my current stylesheet.

    [ Moderator Note: Please post code or markup snippets between backticks or use the code button. Don't use blockquote. ]

    body{
    	font-family: 'Lato', sans-serif;
    	font-size: 13px;
    	font-style: normal;
    	background-color: #e6e6e6;
    }
    
    h2{
    	font-size:24px;
    	font-weight:100;
    	margin-bottom:6px;
    }
    
    h3{
    	text-align:center;
    	font-size:27px;
    	font-weight:100;
    	margin-bottom:6px;
    	margin-top:0px;
    }
    
    h4{
    	font-size:10px;
    	font-weight:300;
    }
    .entry-content{
    
    }
    /*
    	Header and Nav
    */
    #header{
    	width:960px;
    	height:auto;
    	margin:0px auto 0px auto;
    }
    #logo{
    	position:relative;
    	float:left;
    }
    
    #logo img{
    	width:120px;
    	height:auto;
    }
    #navs {
    	position:relative;
    	float:right;
    	margin-top:30px;
    	width:586px;
    }
    
    #nav li{
    	display:inline;
    }
    
    #nav li a {
       font-size:20px;
       text-decoration: none;
       float:left;
       margin-right:50px;
       color:#ec1c24;
    }
    
    #nav li a:hover {
    	color:#ec1c24;
    	-moz-box-shadow: 0px -50px 0px #ec1c24; width:auto; height:5px;
    	-webkit-box-shadow: 0px -50px 0px #ec1c24; width:auto; height:5px;
    	box-shadow: 0px -50px 0px #ec1c24; width:auto; height:5px;
    }
    
    #here{
    	-moz-box-shadow: 0px -74px 0px #ec1c24; width:auto; height:5px;
    	-webkit-box-shadow: 0px -74px 0px #ec1c24; width:auto; height:5px;
    	box-shadow: 0px -74px 0px #ec1c24; width:auto; height:5px;
    
    }
    
    /*
    	Slideshow
    */
    #slideshow{
    	width:1000px;
    	height:auto;
    	margin:0px auto 0px auto;
    }
    #slides {
    	position:relative;
    	float:left;
    	clear:both;
    	top:-20px;
    	left:0px;
    	z-index:-1;
    }
    
    /*
    	Slides container
    	Important:
    	Set the width of your slides container
    	Set to display none, prevents content flash
    */
    
    .slides_container {
    	width:1000px;
    	overflow:hidden;
    	position:relative;
    	display:none;
    }
    
    /*
    	Each slide
    	Important:
    	Set the width of your slides
    	If height not specified height will be set by the slide content
    	Set to display block
    */
    
    .slides_container a {
    	width:1000px;
    	height:474px;
    
    }
    
    /*
    	Pagination
    */
    
    .pagination {
    	margin:8px auto 0;
    	width:100px;
    }
    
    .pagination li {
    	float:left;
    	margin:0 1px;
    	list-style:none;
    }
    
    .pagination li a {
    	display:block;
    	width:12px;
    	height:0;
    	padding-top:12px;
    	background-image:url(../img/pagination.png);
    	background-position:0 0;
    	float:left;
    	overflow:hidden;
    }
    
    .pagination li.current a {
    	background-position:0 -12px;
    }
    
    /*
    	Home Page Content
    */
    
    #content{
    	position:relative;
    	width:960px;
    	height:auto;
    	margin:0px auto 0px auto;
    	font-weight:300;
    }
    
    #web img{
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    #web{
    	position:relative;
    	float:left;
    	width:200px;
    	margin:0 90px 0 90px;
    	padding-top:50px;
    }
    #print img{
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    #print{
    	position:relative;
    	float:left;
    	width:200px;
    	margin:0 90px 0 0;
    	padding-top:50px;
    }
    #branding img{
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    #branding{
    	position:relative;
    	float:left;
    	width:200px;
    	margin:0 90px 0 0;
    	padding-top:50px;
    }
    
    /*
    	Footer
    */
    
    #footerContainer{
    	background-color:#ec1c24;
    	width:100%;
    	height:auto;
    	position:relative;
    	float:left;
    	clear:both;
    	margin-top:70px;
    }
    
    #footer{
    	width:960px;
    	height:200px;
    	margin:0px auto 0px auto;
    	color:#e6e6e6;
    	font-weight:300;
    	margin-bottom:300px;
    }
    
    #about{
    	position:relative;
    	float:left;
    	width:200px;
    	margin:0 90px 0 90px;
    	padding-top:50px;
    }
    
    #tweet{
    	position:relative;
    	float:left;
    	width:200px;
    	margin:0 90px 0 0;
    	padding-top:50px;
    }
    
    #follow{
    	position:relative;
    	float:left;
    	width:200px;
    	margin:0 90px 0 0;
    	padding-top:50px;
    }
  5. IAmNickOrtiz
    Member
    Posted 1 year ago #

  6. Jose Castaneda
    Member
    Posted 1 year ago #

    It just seems to me like you aren't clearing your elements right.

  7. Bwrightdesign
    Member
    Posted 1 year ago #

    Thats whats weird. The I can not find that file. Its like it doesn't exist. I feel stupid right now.

  8. Bwrightdesign
    Member
    Posted 1 year ago #

    I found that css file, and got rid of it. Fixed everything. Thanks for the help guys.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.