Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator t-p

    (@t-p)

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

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

    @media only screen and (min-width: 768px)
    .eightcol {
    width: 65.74585634900001%;
    }
    Thread Starter Bwrightdesign

    (@bwrightdesign)

    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;
    }
    Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

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

    Thread Starter Bwrightdesign

    (@bwrightdesign)

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

    Thread Starter Bwrightdesign

    (@bwrightdesign)

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Content not displaying properly..’ is closed to new replies.