• Hello,
    As you see in my website you see that my page text and title are to much to the right in comparence with the footer. In this image i marked what I mean https://i.imgur.com/bcRT1qK.png
    How should I move the title and text more to the left?

    My style.css now looks like this

    /*
    Theme Name:     Twenty Fourteen Child
    Description:    Twenty Fourteen Child Theme
    Author:         Mike Simmons
    Template:       twentyfourteen
    */
    
    @import url("../twentyfourteen/style.css");
    
    /* Insert code below this line -------- */
    
    @media screen and (min-width: 783px) {
    	 .primary-navigation {
    		 float: right;
    		 margin-left: 20px;
    	        }
    }
    .site {
    		margin: 0 auto;
    		}
    		media screen and (min-width: 1110px) {
    	.archive-header,
    	.comments-area,
    	.image-navigation,
    	.page-header,
    	.page-content,
    	.post-navigation,
    	.site-content .entry-header,
    	.site-content .entry-content,
    	.site-content .entry-summary,
    	.site-content footer.entry-meta {
    		padding-left: 55px;
    	        }
    	            }
    	        .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content {
    		max-width: 1110px;
            }
    .page-content-fullwidth {
    		max-width: 1110px;
            }
    
            .comments-area {
    		max-width: 874px;
            }
    
            .post-navigation, .image-navigation {
    		max-width: 874px;
            }
    
            .site:before,
    #secondary {
    		width: 0;
    		display: none;
    	    }
    
    .featured-content {
    		padding-left: 0;
            }
    
            .site-content, .site-main .widecolumn {
    		margin-left: 0;
            }  
    
            .hentry {
    		max-width: 900px;
            }
    .post-thumbnail img {
    		width: 100%;
    		}  
    
    .entry-header, .entry-content {
    	background: #fff !important;
    }
    
    /*This section sets page to 100% width */
    .site {
    	background-color: #fff;
    	max-width: 100%;
    	position: relative;
    }
    /*This section sets page header to 100% width */
    .site-header {
    	background-color: #000;
    	max-width: 100%;
    	position: relative;
    	width: 100%;
    	z-index: 4;
    }

    Thank you very much in advance!

  • The topic ‘[theme twentyfourteen] move page text to left’ is closed to new replies.