Align to the left!
-
Hi all,
Recently joined WordPress about a month ago and I’m massively impressed with the simplicity of it and how user friendly it is. I’m currently using the Minimalist theme by Joey Robinson, and I’ve already made a few tweaks. My HTML knowledge is limited even though I have already spent quite some time learning the basics (in order to do these tweaks) so I didn’t have to come on here and annoy you lot with silly questions.
Despite my best efforts, I have run into a little problem. Here’s my site: https://www.constantincerdan.com/ – I’ve been trying for quite some time now, without success, to get the whole layout to shift to the left rather than sit in the centre. This would (hopefully) allow me to present the images next to each other rather than on top. I’ve included the stylesheet below. Any help would be greatly appreciated. I’m just a bit lost really.
/* Theme Name: Minimalist Description: Fast loading minimalist theme, utilising mootools, with 5 different colour schemes and no images. Version: 1 Author: Joey Robinson Author URI: https://www.techdesigns.co.uk Latest updated: 7th October 2009 Tags: two-columns, white, black, blue, green, silver, fixed-width, left-sidebar */ html, body{ padding:20px 0px 20px 0px; margin:0; text-align:center; font-family:sans-serif; font-size: 13px;} #page{ width:900px; text-align:left; margin-left:auto; margin-right:auto;} #header{ position:relative; width:900px; margin: 0px; padding: 0px; height:50px; overflow-x:hidden;} #header h1{ position:relative; float:left; margin:0px 0px 0px 250px; width: 650px; padding:0px; font-family:sans-serif; font-weight:bold; font-size:20px; text-transform:uppercase;} #header h1 a{ text-decoration:none;} #header h1 a:hover{ text-decoration:none;} #header h2{ position:relative; float:left; clear:left; margin:0px 0px 0px 250px; width: 650px; padding:0px; font-family:sans-serif; font-weight:bold; font-size:14px; text-transform:uppercase;} #leftcol{ width:230px; float:left; position:relative; padding: 0px 20px 0px 0px; text-align:right; overflow-x:hidden;} #menu {margin:0px 0px; text-align:right; font-weight:bold; font-family:sans-serif; text-transform:uppercase; font-size:14px; } #menu a {font-weight:bold; font-family:sans-serif; text-transform:uppercase; font-size:14px; text-decoration:none;} #menu a:hover {font-weight:bold; font-family:sans-serif; text-transform:uppercase; font-size:14px; text-decoration:none;} h2.menuheader {cursor: pointer;font-family:sans-serif; font-weight:bold; font-size:14px; text-transform:uppercase;margin:0px; padding:0px;} #menu ul {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; width:230px; clear:left; float:right;} #menu ul li{margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:sans-serif; text-transform:uppercase; font-size:14px;} #menu ul li a{ width: 225px; display: block; padding: 5px 0px 5px 5px; text-decoration:none; font-weight:bold; font-family:sans-serif; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;} #menu ul li a:hover{ text-decoration:none; } #menu ul li ul {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:left; } #menu ul li ul li{margin: 0px 0px 0px 0px; display: block; } #menu ul li ul li a{ width: 205px; display: block; padding: 5px 20px 5px 5px; text-decoration:none; font-weight:bold; font-family:sans-serif; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;} #menu ul li ul li a:hover{ text-decoration:none; } #menu ul li ul li ul {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:left; } #menu ul li ul li ul li{margin: 0px 0px 0px 0px; display: block; } #menu ul li ul li ul li a{ width: 185px; padding: 5px 40px 5px 5px; display: block; text-decoration:none; font-weight:bold; font-family:sans-serif; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;} #menu ul li ul li ul li a:hover{ text-decoration:none; } #menu ul li ul li ul li ul {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:left; } #menu ul li ul li ul li ul li{margin: 0px 0px 0px 0px; display: block; } #menu ul li ul li ul li ul li a{ width: 165px; padding: 5px 60px 5px 5px; display: block; text-decoration:none; font-weight:bold; font-family:sans-serif; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;} #menu ul li ul li ul li ul li a:hover{ text-decoration:none; } ul#recentcomments {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; width:230px; clear:left; float:right;} ul#recentcomments li{margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:sans-serif; text-transform:uppercase; font-size:14px;} ul#recentcomments li a{ width: 225px; display: block; padding: 5px 0px 5px 5px; text-decoration:none; font-weight:bold; font-family:sans-serif; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;} ul#recentcomments li a:hover{ text-decoration:none; } #recentcomments a{ text-decoration:none; font-weight:bold; font-family:sans-serif; text-transform:uppercase; font-size:14px;} #recentcomments a:hover{ text-decoration:none; font-weight:bold; font-family:sans-serif; text-transform:uppercase; font-size:14px; } #maincol{ float: right; display:inline; position: relative; width:650px; font-family:sans-serif; font-size: 13px;overflow-x:hidden; text-align:left;} #maincol h1 {margin:0px 0px 0px 0px; padding:0px; font-family:sans-serif; font-weight:bold; font-size:22px; text-transform:uppercase; clear:both;} #maincol h2 { margin:0px 0px 0px 0px; padding:0px; font-family:sans-serif; font-weight:bold; font-size:20px;text-transform:uppercase; clear:both;} #maincol h2 a{ text-decoration:none;} #maincol h3 { margin:0px 0px 0px 0px; padding:0px; font-family:sans-serif; font-weight:bold; font-size:18px; text-transform:uppercase; clear:both;} #maincol h4 { margin:0px 0px 0px 0px; padding:0px; font-family:sans-serif; font-weight:bold;font-size:16px; text-transform:uppercase; clear:both;} #maincol h5 { margin:0px 0px 0px 0px; padding:0px; font-family:sans-serif; font-weight:bold; font-size:14px; text-transform:uppercase; clear:both;} #maincol h6 { margin:0px 0px 0px 0px; padding:0px; font-family:sans-serif; font-weight:bold; font-size:12px; text-transform:uppercase; clear:both;} #maincol p{ font-size: 13px; line-height:1.7em; clear:left;} #maincol p a:hover{ text-decoration:none;} #maincol ul{ font-size: 13px; line-height:1.7em; clear:left;} #maincol ol{ font-size: 13px; line-height:1.7em; clear:left;} h2.contentheader{ cursor: pointer; position:relative; float:left; margin:0px 0px 0px 0px; padding:0px; font-family:sans-serif; font-weight:bold; font-size:20px; text-transform:uppercase; clear:left;} h2.contentheader:hover{ } h2.contentheader:active{ } .content{clear:both;} .permalink{ margin:0px 0px 0px 0px; padding:0px; font-family:sans-serif; font-weight:bold; font-size:12px; text-transform:uppercase; clear:both;} .permalink a{ text-decoration:none;} .permalink a:hover{ text-decoration:none;} table#calendar_wrap {width:230px; overflow:hidden;clear:both; } #wp-calendar{font-family: sans-serif; font-size: 13px; text-decoration:none; clear:both;width:210px; margin: 6px auto 6px auto; padding: 0px 10px 0px 10px;} #wp-calendar a{font-family: sans-serif; font-size: 13px; text-decoration:none; } #wp-calendar a:hover{font-family: sans-serif; font-size: 13px; text-decoration:none; } blockquote { margin:20px; padding:8px 8px 8px 15px;} blockquote p {background-color:inherit; font-size:0.9em; line-height:1.3em;} label {background-color:inherit; font-size:0.9em; font-weight:bold;} table#wp-calendar {margin:0 0 20px; width:140px;} code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; margin:5px 0 15px 0;} #respond{font-weight:bold;} #s,#submit { font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;} #author,#email,#url,#comment { font-family:sans-serif,Tahoma,Sans-serif,Sans-Serif; font-size:1em; text-transform:uppercase; font-weight:bold; margin:0; padding:4px;} #commentsection {margin:25px 0 0;} #commentsection p {margin:0 0 6px;} img.centered {display:block; margin-left:auto; margin-right:auto;} img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;} img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;} .aligncenter { display: block; margin-left: auto; margin-right: auto;} .alignright {float:right;} .alignleft {float:left;} .divider{height: 25px; width:604px; background: url(img/divider.jpg) top center no-repeat; margin: 10px auto 5px auto;} .left { float:left; margin:10px 15px 10px 0;} .right { float:right; margin:10px 0 5px 10px;} .center { margin:5px auto 12px; text-align:center;} .textright {text-align:right;} .small {font-size:0.8em;} .bold {font-weight:bold;} .hide {display:none;} .post {margin:0px;} #postinfotext{font-family:sans-serif; font-size: 14px; line-height:1.7em; font-weight:bold; text-transform:uppercase; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;} #postinfotext a { text-decoration:none;} #postinfotext a:hover{ } .commentheader {font-family:sans-serif; font-size: 16px; line-height:1.7em; font-weight:bold; text-transform:uppercase; } .comment { margin:0 0 10px; padding:2px 5px 0px 8px;} .commenticon {font-family:sans-serif; font-size: 14px; line-height:1.7em; font-weight:bold; text-transform:uppercase;} .commenticon a{ text-decoration:none;} .commenticon a:hover{ } .commenttext { font-size: 13px; line-height:1.7em; } .commenttext p{ font-size: 13px; line-height:1.7em; } .comment p {line-height:1.7em; margin:0px; padding-bottom:2px;} .gravatarside {float:right; width:48px; height:48px; margin:0px 5px 5px 5px;} .wp-caption { text-align: center; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; clear:both;} .wp-caption img { margin: 0; padding: 0; border: 0 none;} .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} .navigation {font-family:sans-serif; font-size: 14px; line-height:1.7em; font-weight:bold; text-transform:uppercase;} .navigation a { text-decoration:none;} .navigation a:hover{ } .prevlink{margin: 0px 6px 0px 0px;} .nextlink{margin: 0px 0px 0px 6px;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix{display: block;} /* End hide from IE-mac */ /*printer styles*/ @media print{ /*hide the left column when printing*/ #leftcol{display:none;} #twocols, #maincol{width:100%; float:none;} } img#wpstats{display:none}
- The topic ‘Align to the left!’ is closed to new replies.