leogudino

Hi all,
I have a big trouble with my page.
I have been hard working with the theme, doing some changes with the sidebar and the post text position.
Now, it got messed up, at this point I’am lost.

I would like to:
. Justify the POST TEXT completly to the left side of the page.
. Locate the SIDEBAR at the right side of the page.

Here is the current Stylesheet (style.css).
Thanks in advance.

Leo.

Cool!
The picture got removed.

How can I justify the text in the centre of the page?
(As you can see there is is big blank because of the space used by the picture)

Thanks!!!

Hi esmi,
Here you go, this is my site.

As you can see, this theme has the sidebar below the text, and a picture in the left side of the page. I would like to make some changes in relation to these two components:

. I need the sidebar in the right side of the page.
. I need the picture to be removed, the post text will be there.

Here is the style.css:

/*
Theme Name: Fontella
Theme URI: https://granimpetu.com/fontella
Description: Theme de fuentes grandes
Author: Horacio Bella
Author URI: https://granimpetu.com
Version: 1.0
*/

* {
margin: 0;
padding: 0;
}

body {
background: #fff url(images/bg.png) top repeat-x;
color: #2A2A2A;
font-family: Arial, “Verdana”, sans-serif;
font-size: 12pt;
margin: 0;
padding: 0;
}

/* Main Sections */

#topbar {
background: #111;
color: #fff;
font-family: Tahoma;
font-size: 7pt;
margin: 0 auto 3px;
width: 900px;
padding: 8px 0 10px 0;
text-align: right;
text-transform: uppercase;
}

#wrapper {
margin: 50px auto 0;
width: 760px;
}

.post {
margin-bottom: 50px;
}

#indexwrapper {
padding: 0;
width: 900px;
margin: 0 auto;
}

#header {
margin: 0;
padding: 0;
}

#pages {
margin: 0;
padding: 2px 0;
text-align: right;
}

#sidebar {
font-size: 9pt;
font-family: Verdana;
overflow: hidden;
width: 888px;
color: #505050;
line-height: 1.2em;
margin: 35px auto 50px;
background: #FAFAFA url(images/sidebarbg.png) bottom repeat-x;
border: 1px solid #E3E3E3;
padding: 25px 0 25px 10px;
}

#footer {
font-size: 9pt;
margin: 0 auto;
padding: 15px 0 10px 0;
text-align: right;
clear: both;
background: #000 url(images/footerwp.png) 835px bottom no-repeat;
width: 900px;
color: #fff;
overflow: hidden;
}

/* Index */

#presentation {
overflow: hidden;
width: 850px;
margin: 0 auto;
padding-top: 20px;
}

#logo {
width: 35%;
float: left;
}

.logobg {
background: #fff url(images/logobg.jpg) no-repeat; /* Cambia esta imagen por tu logo o foto */
margin-top: 20px;
width: 282px; /* Aqui el ancho de la nueva imagen */
height: 304px; /* Aqui la altura */
}

#lastpost {
width: 64%;
float: right;
}

#lastpost h1 {
margin-bottom: 10px;
}

#lastpost h1 a{
font-size: 30pt;
font-weight: bold;
padding: 10px 0 15px 0;
letter-spacing: -1px;
font-family: “Arial Narrow”, Arial, Tahoma;
line-height: 34px;
}

#lastpost h1 a:hover{
color: #054D95;
text-decoration: none;
}

#lastpost p {
margin-bottom: 10px;
line-height: 21px;
}

#lastpost p a {
border-bottom: 1px dotted #dcdcdc;
}

/* Header, Topbar and Navbar */

#header h1 {
font-size: 45px;
font-weight: bold;
font-family: georgia;
text-transform: uppercase;
margin-bottom: 18px;
padding: 10px;
text-align: right;
border-bottom: 1px solid #000;
}

#header a, #header a:hover {
color: #010101;
text-decoration: none;
}

#topbarmax {
background: #000;
}

#topbar span {
margin-right: 10px;
}

#topbar .icon{
background: #000 url(images/feedicon.png) right no-repeat;
margin-right: 5px;
color: #3898F8;
padding: 2px 18px 2px 0;
}

#navbar {
clear: both;
margin: 6px 0 20px 0;
max-width: 100%;
min-width: 900px;
position: relative;
}

#navbar li a{
font-size: 16pt;
font-weight: bold;
margin: 7px 0;
padding: 0 3px 3px 3px;
font-family: “Arial Narrow”, Arial, Tahoma;
text-transform: uppercase;
}

#navbar li a:hover{
text-transform: uppercase;
padding-top: 6px;
border-top: 3px solid #fff;
background: #000;
color: #fff;
}

#navbar li {
list-style-type: none;
display: inline;
margin-left: 3px;
padding: 0 5px;
}

/* Content */

#wrapper p, #wrapper ul, #wrapper ol {
line-height: 1.5em;
}

#wrapper ul {
list-style: square inside;
}

#wrapper h1{
font-size: 36pt;
font-weight: bold;
padding: 10px 0 15px 0;
letter-spacing: -1.5px;
font-family: “Arial Narrow”, Arial, Tahoma;
line-height: 34px;
color: #0F0F0F;
}

#wrapper h2{
font-size: 24pt;
font-weight: bold;
padding: 10px 0 15px 0;
letter-spacing: -1px;
font-family: “Arial Narrow”, Arial, Tahoma;
line-height: 34px;
color: #0F0F0F;
}

#wrapper p {
margin-bottom: 10px;
}

.post ol li {
margin: 0 0 5px 25px;
}

#wrapper small {
font-size: 8px;
font-family: Tahoma;
}

/* Single */

.singlelinks {
text-transform: uppercase;
text-align: right;
font-family: Tahoma;
font-size: 7pt;
margin-bottom: 15px;
}

.single span {
margin-right: 15px;
}

.post p a {
border-bottom: 1px dotted #dcdcdc;
}

.post h3 {
font-size: 16pt;
font-weight: bold;
margin-bottom: 12px;
margin-bottom: 5px;
letter-spacing: 0px;
font-family: “Arial Narrow”, Arial, Tahoma;
text-transform: uppercase;
color: #2a2a2a;
}

.post a:hover{
border: 0;
}

.post img {
background: #fff url(images/imagesbg.png) bottom repeat-x;
padding: 7px;
border: 1px solid #dcdcdc;
margin: 5px;
}

.post h3 {
margin-top: 25px;
}

.feedback {
text-transform: uppercase;
text-align: left;
font-family: Tahoma;
font-size: 7pt;
margin: 40px 0 20px 0;
padding: 11px 5px 13px 10px;
background: #fff url(images/feedbackbg.png) bottom repeat-x;
color: #2A2A2A;
border: 1px solid #E3E3E3;
clear: both;
}

.feedback li{
list-style-type: square;
margin-left: 15px;
line-height: 14px;
}

.date {
position: relative;
width: 57px;
float: right;
top: -41px;
background: #fff url(images/datebg.png) no-repeat;
height: 72px;
font-family: Arial;
margin: 0 8px 0 5px;
padding: 0 0 0 4px;
}

.date .year {
font-size: 11pt;
font-weight: bold;
color: #FAFAFA;
text-align: left;
background: transparent;
}

.date .day {
font-family: Arial;
font-size: 30pt;
font-weight: bold;
color: #ccc;
letter-spacing: -2px;
margin: -5px 0 -6px -12px;
text-align: center;
}

.date .month {
font-size: 11pt;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0px;
padding-left: 10px;
color: #999;
}

#pagination {
margin: 10px 0;
text-align: center;
}

.titlelink {
margin-bottom: 10px;
outline: 0;
}

.titlelink a {
font-size: 30pt;
font-weight: bold;
margin: 10px 0 15px 0;
letter-spacing: -1px;
font-family: “Arial Narrow”, Arial, Tahoma;
line-height: 34px;
}

.titlelink a:hover {
color: #054D95;
text-decoration: none;
}

.navposts {
text-align: center;
}

/* Sidebar (Bottombar) */

.sidebar {
width: 900px;
margin: 0 auto;
}

#sidebar li {
border-bottom: 1px solid #ebebeb;
list-style-type: none;
padding: 4px 0;
margin: 0;
}

#sidebar ul {
margin: 0;
padding: 0;
}

#sidebar #recententries li {
padding: 5px 0;
}

#sidebar h3 {
font-size: 16pt;
font-weight: bold;
margin-bottom: 7px;
letter-spacing: 0px;
font-family: “Arial Narrow”, Arial, Tahoma;
text-transform: uppercase;
color: #2a2a2a;
padding-top: 3px;
}

#sidebar small {
text-transform: uppercase;
font-family: Tahoma;
font-size: 7pt;
}

#sidebar small a{
color: #2A2A2A;
}

#categories {
width: 236px;
float: left;
margin-right: 35px;
}

#recententries {
width: 324px;
float: left;
margin-right: 35px;
margin-left: 10px;
}

#infocolumn {
width: 236px;
float: left;
}

/* Comments */

#comments {
margin: 0 auto;
font-family: Verdana;
font-size: 9pt;
width: 650px;
}

#commentlist {
list-style: none;
padding: 0;
}

#commentlist li {
border: 1px solid #ebebeb;
margin: 25px 0 15px;
background: #fff url(images/commentsbg.png) bottom repeat-x;
padding: 10px 20px;
line-height: 17px;
}

#commentlist small {
font-size: 8pt;
color: #696969;
}

#postcomment {
margin: 40px 0 10px 10px;
text-transform: none;
}

ol #commentlist {
margin-top: 15px;
}

.headercomment {
font-size: 16pt;
font-weight: bold;
margin-bottom: 7px;
letter-spacing: 0px;
font-family: “Arial Narrow”, Arial, Tahoma;
text-transform: uppercase;
color: #2a2a2a;
}

.commenttext {
margin-top: 10px;
}

#comments textarea {
width: 585px;
padding: 10px;
font-family: Verdana;
font-size: 9pt;
margin-top: 10px;
}

#comments input {
width: 300px;
padding: 6px;
font-family: Verdana;
font-size: 9pt;
margin-right: 5px;
}

.commentsmess {
font-size: 16pt;
font-weight: bold;
margin-bottom: 7px;
letter-spacing: 0px;
font-family: “Arial Narrow”, Arial, Tahoma;
text-transform: uppercase;
color: #2a2a2a;
color: #ccc;
}

#leavecomment {
margin: 60px 0 10px 0;
}

#leavecomment p {
padding-top: 10px;
}

#submit input {
font-size: 9pt;
margin: 15px 0 7px 0;
font-family: “Verdana”, Tahoma;
text-transform: none;
padding: 6px 0;
}

#comments h3 {
font-size: 24pt;
font-weight: bold;
margin-bottom: 7px;
letter-spacing: -1px;
font-family: “Arial Narrow”, Arial, Tahoma;
text-transform: none;
color: #2a2a2a;
clear: both;
}

/* Footer */

#footermax {
background: #000;
clear: both;
}

#footer p {
margin: 0;
padding: 0;
}

#footer .search {
width: 300px;
float: left;
margin-left: 20px;
text-transform: uppercase;
font-family: Tahoma;
font-size: 7pt;
text-align: left;
line-height: 15px;
}

.search input {
padding: 3px;
font-size: 9pt;
font-family: Verdana;
}

.textfooter {
width: 450px;
float: right;
margin: 5px 80px 0 0;
text-transform: uppercase;
font-family: Tahoma;
font-size: 7pt;
line-height: 15px;
}

.textfooter a {
color: #8DC4FB;
}

.textfooter a:hover {
color: #3898F8;
text-decoration: none;
}

/* General */

a {
color: #0066CC; /* El color de los enlaces */
text-decoration: none;
}

a:hover {
text-decoration: underline;
color: #054D95;
}

acronym, abbr, span.caps {
border: 0;
border-bottom: 1px dotted #ccc;
}

blockquote {
color: #787878;
border-left: 3px solid #ccc;
margin-left: 0px;
padding-left: 10px;
}

cite {
text-decoration: none;
}

code {
font-family: ‘Courier New’, Courier, Fixed, sans-serif;
font-size: 1.1em;
}

img {
border: 0;
}

/* Float and Clear */

div.floatleft {
float: left;
}

div.floatright {
float: right;
}

div.both {
clear: both;
}

/* Images Align */

img.center {
display: block;
margin: auto;
}

img.right {
float: right;
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.left {
float: left;
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

img.none { /* Agrega esta clases para imagenes sin borde */
border: 0;
padding: 0;
background: transparent;
}

/* Text Align */

.center {
text-align: center;
}

.alignright {
text-align: right;
}

.alignleft {
text-align: left;
}`

Hope you can assist me on this.
Thanks!!!

L.