• Hi all. I am using the template Stardust v1.0 by Tommaso Baldovino. I really like this template I want to set a minimum width however for the main culumn (the one that holds the articles), to, let’s say 800 px.

    I have searched on the forums here and I did find some tips and tricks but after experimenting I did not get the desired result. I set the width from 100% to 800px in the container, but no result.

    Your help is appreciated.

    The code

Viewing 1 replies (of 1 total)
  • Thread Starter nielsgo

    (@nielsgo)

    Hi all. I am using the template Stardust v1.0 by Tommaso Baldovino. I really like this template I want to set a minimum width however for the main culumn (the one that holds the articles), to, let’s say 800 px.

    I have searched on the forums here and I did find some tips and tricks but after experimenting I did not get the desired result. I set the width from 100% to 800px in the container, but no result.

    Your help is appreciated.

    The code

    /*
    Theme Name: Stardust v1.0
    Theme URI: http://www.tomstardust.com
    Description: Handcoded WordPress Theme for Accessibility Lovers by <a href="http://www.tomstardust.com">Tommaso Baldovino</a>
    Author: Tommaso Baldovino
    Author URI: http://www.tomstardust.com
    */
    body {
    	background: #fff url(images/bar.png) 0 10px repeat-x;
    	color: #000;
    	font-family: Arial, Verdana, sans-serif;
    	margin: 0;
    	padding: 0;
    }
    
    .skip, hr{
    	position: absolute;
    	left: -9999px;
    }
    
    a:link, a:visited {
    	color: #D70606;
    	text-decoration: underline;
    }
    a:visited {
    	color: #FA4949;
    	text-decoration: underline;
    }
    a:hover, a:active {
    	color: #A00;
    	text-decoration: none;
    }
    a img {
    	border: none;
    }
    
    acronym, abbr {
    	border-bottom: 1px dashed #333;
    }
    acronym, abbr, span.caps {
    	font-size: 90%;
    	letter-spacing: .07em;
    }
    acronym, abbr {
    	cursor: help;
    }
    blockquote {
    	background: url(images/quote.png) no-repeat;
    	margin-left: 1.5em;
    	padding: 1px 0 0 40px;
    	border-top: 3px double #ddd;
    	border-bottom: 3px double #ddd;
    }
    cite {
    	font-size: 100%;
    	font-style: normal;
    }
    
    h1{
    	font: 260%/1.15 Georgia, serif;
    	letter-spacing: -0.2px;
    	margin: 0;
    	padding: 40px 0 5px 160px;
    }
    #header h1 a:hover, #header h1 a:active{
    	text-decoration: none;
    	color: #D70606;
    }
    p.payoff{
    	margin: 0 0 25px 160px;
    	padding: 0;
    	color: #fff;
    	font: 120% Georgia, serif;
    }
    h2 {
    	font: 185% Georgia, serif;
    	letter-spacing: -0.2px;
    	margin: 15px 0 2px 0;
    	padding-bottom: 5px;
    }
    
    h3 {
    	font: 130% Georgia, serif;
    	margin-top: 0;
    }
    
    ol#comments li p {
    	font-size: 100%;
    }
    
    p, li, .feedback {
    	font: 90% Arial, Verdana, sans-serif;
    	letter-spacing: 0;
    }
    
    /* classes used by the_meta() */
    ul.post-meta {
    	list-style: none;
    }
    
    ul.post-meta span.post-meta-key {
    	font-weight: bold;
    }
    
    .feedback {
    	color: #ccc;
    	text-align: right;
    	clear: both;
    	border-top: 1px solid #eee;
    }
    .feedback a{
    	color: #D70606;
    }
    .feedback a:hover, .feedback a:active{
    	text-decoration: none;
    }
    .feedback p{
    	padding: 0 25px;
    	background: url(images/comment.gif) top right no-repeat;
    }
    
    .meta {
    	font-size: .75em;
    }
    .meta li, ul.post-meta li {
    	display: inline;
    }
    .meta ul {
    	display: inline;
    	list-style: none;
    	margin: 0;
    	padding: 0;
    }
    .meta, .meta a {
    	color: #999;
    	font-weight: normal;
    	letter-spacing: 0;
    }
    .meta a{
    	color: #D70606;
    	text-decoration: underline;
    }
    .meta a:hover, .meta a:active{
    	text-decoration: none;
    }
    .meta .tags{
    	background: url(images/tag.gif) 0 0 no-repeat;
    	padding-left: 20px;
    }
    .meta .user{
    	background: url(images/user.gif) 0 0 no-repeat;
    	padding-left: 20px;
    }
    
    .post{
    	margin-bottom: 40px;
    }
    .post img{
    	float: left;
    	margin: 0 10px 5px 0;
    	border: 3px double #ddd;
    }
    .post ul{
    	margin: 0;
    	padding: 0;
    }
    .post ul li{
    	margin: 0;
    	padding: 0.2em 20px;
    	background: url(images/list.png) 0 4px no-repeat;
    	list-style: none;
    }
    .post ol{
    	margin: 0 25px;
    	padding: 0;
    }
    .post ol li{
    	margin: 0;
    	padding: 0.2em 0;
    }
    
    .storytitle {
    	margin: 0;
    }
    .storytitle a {
    	text-decoration: none;
    }
    .storytitle a:link, .storytitle a:visited{
    	color: #444;
    	text-decoration: none;
    }
    .storytitle a:hover, .storytitle a:active{
    	color: #D70606;
    }
    
    #commentform #author, #commentform #email, #commentform #url, #commentform textarea {
    	background: #fff;
    	border: 1px solid #333;
    	padding: .2em;
    }
    
    #commentform textarea {
    	width: 95%;
    }
    
    #commentlist li ul {
    	border-left: 1px solid #ddd;
    	font-size: 110%;
    	list-style-type: none;
    }
    div.commentbody {
    	margin: 10px 60px 10px 30px;
    	padding: 25px 0 0 10px;
    	background: #eee url(images/comment-top.png) no-repeat;
    }
    div.commentbody div{
    	padding: 0 5px 5px 0;
    	background: #eee url(images/comment-bottom.png) bottom right no-repeat;
    }
    
    #container{
    	width: 100%;
    	min-width: 770px;
    	background: url(images/flowers.png) bottom right no-repeat;
    }
    #wrapper{
    	float: left;
    	width: 100%;
    	margin-left: -330px;
    }
    #content {
    	margin: 0 0 0 330px;
    	padding: 30px 10px 10px 80px;
    	background: transparent;
    }
    
    #header {
    	background: #000 url(images/header.png) repeat-x;
    	font: italic normal Georgia, serif;
    	letter-spacing: -0.2px;
    	margin: 0;
    	padding: 0;
    	position: relative;
    }
    
    #header a {
    	color: #fff;
    	text-decoration: none;
    }
    
    #header a:hover {
    	text-decoration: underline;
    }
    
    #searchform{
    	position: absolute;
    	right: 80px;
    	top: 95px;
    }
    #searchform label{
    	position: absolute;
    	left: -9000px;
    }
    #searchform input{
    	width: 100px;
    }
    #searchform button{
    	background: transparent;
    	border: none;
    	padding: 0;
    	margin: 0;
    	vertical-align: middle;
    	cursor: pointer;
    	color: #fff;
    }
    p#rss{
    	position: absolute;
    	right: 80px;
    	top: 55px;
    	margin: 0;
    	padding: 0;
    }
    
    .textwidget{
    	margin-top: 5px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 80%;
    	font-style: normal;
    	font-weight: normal;
    }
    
    #menu {
    	padding: 10px 80px 10px 50px;
    	float: right;
    	display: inline;
    	width: 200px;
    	margin: 0 0 240px 0;
    	background: transparent url(images/sidebar.gif) no-repeat;
    }
    
    #menu form {
    	margin: 0 0 0 13px;
    }
    
    #menu input#s {
    	width: 80%;
    	background: #eee;
    	border: 1px solid #999;
    	color: #000;
    }
    
    #menu ul {
    	color: #444;
    	font-weight: bold;
    	list-style-type: none;
    	margin: 0 0 20px 0;
    	padding: 0;
    	height: 1%;
    }
    
    #menu ul li {
    	font: italic bold 110% Georgia, Times, serif;
    	letter-spacing: 0;
    	margin: 20px 0 0 0;
    	padding: 0 0 5px 0;
    	background: transparent;
    }
    
    #menu ul ul {
    	font-variant: normal;
    	font-weight: normal;
    	line-height: 100%;
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	text-align: left;
    	border: none;
    }
    
    #menu ul ul li {
    	border: 0;
    	font: normal normal 70%/1.7em Arial, Verdana, sans-serif;
    	letter-spacing: 0;
    	margin-top: 0;
    	padding: 0;
    	padding-left: 20px;
    	background: url(images/list.png) 0 3px no-repeat;
    }
    #menu ul ul ul{
    	border: none;
    }
    #menu ul ul ul li{
    	font-size: 100%;
    }
    
    #menu ul ul li a {
    	color: #D70606;
    	text-decoration: none;
    }
    
    #menu ul ul li a:hover, #menu ul ul li a:active {
    	border-bottom: 1px solid #D70606;
    }
    
    #menu ul ul ul.children {
    	font-size: 100%;
    	padding-left: 4px;
    }
    
    #wp-calendar {
    	border: none;
    	empty-cells: show;
    	font-size: 14px;
    	margin: 0;
    	width: 90%;
    }
    
    #wp-calendar #next a {
    	padding-right: 10px;
    	text-align: right;
    }
    
    #wp-calendar #prev a {
    	padding-left: 10px;
    	text-align: left;
    }
    
    #wp-calendar a {
    	display: block;
    	text-decoration: none;
    	color: #D70606;
    	font-weight: bold;
    }
    
    #wp-calendar a:hover {
    	background: #e0e6e0;
    	color: #333;
    }
    
    #wp-calendar caption {
    	color: #444;
    	font: normal italic Georgia, serif;
    	font-size: 120%;
    	margin-bottom: 5px;
    	text-align: left;
    }
    
    #wp-calendar td {
    	color: #999;
    	font: normal 100% Arial, Verdana, sans-serif;
    	letter-spacing: normal;
    	padding: 2px 0;
    	text-align: center;
    }
    
    #wp-calendar td.pad:hover {
    	background: #fff;
    }
    
    #wp-calendar td:hover, #wp-calendar #today {
    	background: #eee;
    	color: #bbb;
    }
    
    #wp-calendar th {
    	font-style: normal;
    	text-transform: capitalize;
    }
    
    div.date p{
    	width: 40px;
    	height: 50px;
    	float: left;
    	margin: 0 10px 0 0;
    	padding: 5px;
    	background: #D70606 url(images/date.png) no-repeat;
    	color: #ddd;
    	text-align: center;
    	font-size: 70%;
    	overflow: hidden;
    }
    div.date span.mese{
    	display: block;
    	margin-bottom: 8px;
    }
    div.date span.giorno{
    	font-size: 190%;
    	color: #444;
    	font-weight: bold;
    	line-height: 0.8;
    }
    div.date p span.anno{
    	margin: 0;
    	padding: 0;
    	color: #666;
    	font-size: 80%;
    	font-family: Tahoma, Arial, sans-serif;
    }
    #menu1{
    	height: 1%;
    	overflow: hidden;
    	margin-left: 80px;
    }
    #menu1 ul{
    	margin: 0;
    	padding: 0;
    }
    #menu1 ul li{
    	float: left;
    	display: inline;
    	margin: 0;
    	padding: 0;
    }
    #menu1 ul li a{
    	padding: 8px 20px;
    	display: block;
    	text-decoration: none;
    }
    #menu1 ul li a:link, #menu1 ul li a:visited{
    	background: #222 url(images/menu.png) top left repeat-x;
    	color: #ddd;
    	border-left: 1px solid #333;
    	border-top: 1px solid #333;
    }
    #menu1 ul li a:hover, #menu1 ul li a:active{
    	background: #333 url(images/menu.png) 0 -100px repeat-x;
    	color: #fff;
    	text-decoration: none;
    	border-left: 1px solid #444;
    	border-top: 1px solid #444;
    }
    #menu1 ul li.current_page_item a:link, #menu1 ul li.current_page_item a:visited{
    	background: #d70606 url(images/menu_in.png) top left repeat-x;
    	color: #fff;
    	border-left: 1px solid #d70606;
    	border-top: 1px solid #d70606;
    }
    
    #footer{
    	clear: both;
    	background: #000 url(images/header.png) no-repeat;
    	border-top: 2px solid #D70606;
    	color: #fff;
    	margin: 0;
    	padding: 0 80px;
    	text-align: center;
    	font-size: 80%;
    	min-height: 34px;
    }
    #footer p{
    	padding: 10px;
    	margin: 0;
    	font-weight: bold;
    	font-family: Georgia, serif;
    }
    #footer p.up{
    	float: right;
    }
    #footer p.up a{
    	padding-right: 20px;
    	background: url(images/top.gif) top right no-repeat;
    }
    #footer a:link, #footer a:visited{
    	color: #ddd;
    	text-decoration: underline;
    }
    #footer a:hover, #footer a:active{
    	color: #fff;
    	text-decoration: none;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘setting minimum width on fluid template’ is closed to new replies.