WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] justify alignment of a post (6 posts)

  1. wakadala
    Member
    Posted 2 years ago #

    I have tried to justify my posts by changing the css but I hav failed. some one help me identify where exactly to place the justify code. thanks. css file:

    /*
    Theme Name: ColorWay
    Theme URI: http://www.inkthemes.com/wp-themes/colorway-wp-theme/
    Description: Colorway is Simple, Elegant and beautiful Theme with Easy Customization Options built by InkThemes.com. The Customization Options includes using your own Logos, Backgrounds, Analytics and your own Custom Footer Texts and Analytics that can be tweaked using Theme Options Panel. Colorway Theme is Single Click Intall feature, Just press activate button and your website will get ready with all the dummy content. Just set the content from the Themes Options Panel. Colorway by InkThemes.com is suitable for any business or personal website. The Theme can work for various different niches. It includes special styles for Gallery pages, and has an optional fullwidth page template as well.
    Author: InkThemes.com
    Author URI: http://www.inkthemes.com
    Version: 1.6
    License: GNU General Public License
    License URI: license.txt
    Tags: black, blue, green, white, gray, custom-menu, dark, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, custom-colors, custom-header, custom-menu, light, theme-options, editor-style
    */
    /*
    WARNING! DO NOT EDIT THIS FILE!
    
    To make it easy to update your theme, you should not edit the styles in this file. Instead use
    the custom.css file to add your styles. You can copy a style from this file and paste it in
    custom.css and it will override the style in this file. You have been warned! :)
    */
    @import url('css/reset.css');
    @import url('css/960_24_col.css');
    @import url('css/ddsmoothmenu.css');
    /*==============================*/
    /*  GENERAL TYPOGRAPHY */
    /*==============================*/
    body {
        font: 13px/1.5 "Trebuchet MS", Arial;
    }
    pre, code {
        font-family: "Trebuchet MS", Monaco, Consolas, monospace;
    }
    hr {
        border: 0 #ccc solid;
        border-top-width: 1px;
        clear: both;
        height: 0;
    }
    p {
        font-size:13px;
        font-family:"Trebuchet MS";
        color:#4a4a4a;
        line-height:1.6;
    }
    a {
        text-decoration:none;
    }
    label {
        font-size:14px;
        font-family:"Trebuchet MS";
        color:#4a4a4a;
        margin-bottom:5px;
    }
    input:focus, textarea:focus {
        outline:none;
    }
    select, input[type="file"] {
        margin-bottom:5px;
    }
    input[type="text"], textarea, select, input[type="file"] {
        clear: both;
        display: block;
        overflow: hidden;
    }
    input[type="text"] {
        width:215px;
        height:25px;
    }
    input[type="text"], textarea {
        color: #666;
        border: 1px solid #eeeeee;
        padding-left:10px;
    }
    input#pwbox-131 {
        display:block;
    }
    textarea {
        width:320px;
        margin-bottom:5px;
        height:150px;
    }
    tr {
        border-bottom: 1px solid #eeeeee;
    }
    table {/* tables still need 'cellspacing="0"' in the markup */
    	width: 100%;
        border-spacing: 0;
    }
    caption, th, td {
    	padding: 5px;
        font-weight: normal;
    }
    dt {
    	font-weight: bold;
    }
    /*==============================*/
    /*   Headings  */
    /*==============================*/
    
    h1 {
        font-size: 28px;
        margin:0px;
        padding:0px;
        color:#4a4a4a;
    }
    h2 {
        font-size: 24px;
        margin:0px;
        padding:0px;
        color:#4a4a4a;
    }
    h3 {
        font-size: 22px;
        margin:0px;
        padding:0px;
        color:#4a4a4a;
    }
    h4 {
        font-size: 17px;
        color:#4a4a4a;
        margin:0px;
        padding:0px;
    }
    h5 {
        font-size: 16px;
        margin:0px;
        padding:0px;
        color:#4a4a4a;
    }
    h6 {
        font-size: 14px;
        margin:0px;
        padding:0px;
        color:#4a4a4a;
    }
    /*==============================*/
    /*   Spacing  */
    /*==============================*/
    
    ol {
        list-style: decimal;
    }
    ul {
        list-style: disc;
    }
    li {
        margin-left: 30px;
    }
    dd {
        margin-left: 30px;
    }
    p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
        margin-bottom: 20px;
    }
    .container {
        margin-top:20px;
        -webkit-border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
        border-radius: 10px 10px 0px 0px;
        background-color:#FFFFFF;
        border-bottom:none;
        box-shadow:inset 0 0 1px #000000;
    }
    ol li {
        border-bottom:none !important;
        margin-top:1!important;
        margin-bottom:1!important;
        padding-bottom:0!important;
        padding-top:0!important;
    }
    /*=========================================*/
    /*==========Start Home Page Style==========*/
    /*=========================================*/
    
    .menu-bar, .slider-container, .logo, .content-wrapper, .footer-wrapper {
        margin-left:30px;
        margin-right:30px;
    }
    /*=========================================*/
    /*==========Start Header Style==========*/
    /*=========================================*/
    .logo {
        margin-top:30px;
    }
    .logo img{
    max-width:895px;
    	height:auto;
    }
    .header .menu-bar {
        border-top:3px double #eeeeee;
        border-bottom:3px double #eeeeee;
        margin-top:20px;
        padding-bottom:2px;
        height:40px;
    }
    .header .menu-bar ul {
        margin:0px;
        padding:0px;
        margin:10px 0px 10px 0px;
        margin-left:-20px;
    }
    .header .menu-bar ul li {
        display:inline;
    }
    /*=========================================*/
    /*==========End  Header Style==========*/
    /*=========================================*/
    
    /*=========================================*/
    /*==========Start Slider Style==========*/
    /*=========================================*/
    .slider-container {
        border-bottom:3px double #eeeeee;
        height:400px;
        margin-top:13px;
    }
    .slider-container ul {
        list-style-type:none;
    }
    #slide-box {
        margin: 0 auto;
        position: relative;
    }
    .slides_control {
        min-height: 364px;
    }
    .slide {
        min-height:200px;
    }
    .slide .slide-content.entry {
        width: 300px;
        left: 0px;
        bottom: 40px;
        padding: 10px 20px;
        position: absolute;
        font-size: 13px;/*	background-color: rgba(0, 0, 0, 0.6);*/
    }
    .slide-content p {
        margin:0 0 0.5em;
    }
    .slide-image {
        background: url(images/bg-slider.png) no-repeat bottom center;
        padding-bottom:25px;
    }
    .slide .slide-content.entry .title {
        font-size: 32px;
        line-height: 1em;
        margin: 0 0 10px 0;
        color: #fff;
    }
    .slide-img {
        width:897px;
        height:355px;
    }
    #slides a.prev {
        background: url("images/btn-prev-slider.png") no-repeat scroll 0 0 transparent;
        height: 30px;
        left: 18px;
        opacity: 0.8;
        position: absolute;
        text-indent: -9999em;
        top: 41%;
        width: 30px;
        z-index: 999;
    }
    #slides a.next {
        background: url("images/btn-next-slider.png") no-repeat scroll 0 0 transparent;
        height: 30px;
        opacity: 0.8;
        position: absolute;
        right: 18px;
        text-indent: -9999em;
        top: 41%;
        width: 30px;
        z-index: 999;
    }
    #slides a.prev:hover, #slides a.next:hover {
        opacity:1;
    }
    #slider_nav {
        margin-bottom: 10px;
        position: relative;
        z-index: 2;
    }
    #slider_nav, #line_wrap {
        margin-left: auto;
        margin-right: auto;
    }
    #line_wrap {
        position: relative;
        z-index: 1;
    }
    #line {
        border-bottom: 1px solid #E8E8E9;
        margin: 39px 0 0;
        position: absolute;
    }
    #slider_pag {
        float: left;
        width: 904px;
    }
    #slider_pag ul {
        float: left;
        left: 49%;
        margin: 0 auto;
        max-width: 700px;
        position: relative;
    }
    #slider_pag li:first-child {
        padding: 0 2px 0 12px;
    }
    #slider_pag li:last-child {
        padding: 0 10px 0 2px;
    }
    #slider_pag li {
        margin:0px;
        padding:0px;
        float: left;
        padding: 0 3px;
        position: relative;
        right: 50%;
        text-align:center;
    }
    #slider_pag a {
        border: medium none;
        display: block;
        height: 11px;
        text-indent: -9999px;
        width: 10px;
    }
    #slides .pagination li a {
        display:block;
        width:16px;
        height:0;
        padding-top:16px;
        background-position:0 0;
        float:left;
        overflow:hidden;
    }
    #slides .pagination li.current a {
        background-position:0 -16px;
    }
    .slide .entry {
        margin: 0 auto;
        padding:0 80px;
    }
    .slide .entry h2 {
        color: #3585B3;
        font-size: 32px;
        font-weight: bold;
        line-height: 1.2em;
    }
    /*=========================================*/
    /*==========End Slider Style==========*/
    /*=========================================*/
    
    /*=========================================*/
    /*=======Start Cotent-Wrapper Style========*/
    /*=========================================*/
    .content-wrapper .content-info {
        margin-bottom:20px;
    }
    .content {
        padding-top:10px;
    }
    .content img {
        max-width:100%;
    }
    .content-wrapper .content-info h4 {
        text-align:center;
        margin:0px;
        padding:0px;
    }
    #content {
        border-bottom:3px double #eeeeee;
        margin-top:50px;
    }
    #content ul.thumbnails {
        list-style-type:none;
        width: 1008px;
        overflow:hidden;
        margin:0 auto;
        margin-left:-32px;
        padding:0px;
    }
    #content .one_fourth h3 {
        margin:0px;
        padding:0px;
        margin-top:15px;
        margin-bottom:10px;
    }
    #content .one_fourth h3 a {
        color:#4a4a4a;
    }
    #content ul.thumbnails li {
        width:198px;
        height:250px;
        margin:0px;
        margin-left:32px;
        float:left;
        overflow:hidden;
        background:none;
        margin-bottom:26px;
    }
    #content ul.thumbnails a.bigthumbs {
        display:block;
        width:198px;
        background-image:url(../images/img-bg.png);
    }
    /*=========================================*/
    /*=======End Cotent-Wrapper Style========*/
    /*=========================================*/
    
    /*=========================================*/
    /*==========Start Footer Style============*/
    /*=========================================*/
    .footer-container {
        padding-top:20px;
    }
    .footer-container h4 {
        background-position:0% 100%;
        margin:0px;
        padding:0px;
        padding-bottom:10px;
        margin-bottom:15px;
    }
    .footer-container img {
        float:left;
        margin-right:15px;
    }
    .footer-container ul {
        margin-left:-15px;
    }
    .footer-container ul li {
        color:#B7BFAF;
    }
    .footer-container .common {
        padding:25px;
    }
    .footer-navi .navigation {
        margin-left:30px;
        margin-top:10px;
    }
    .footer-navi .navigation ul {
        float:left;
    }
    .footer-navi .navigation ul li {
        display:inline;
        margin:0px;
        padding:0px;
        padding-left:5px;
        padding-right:15px;
    }
    .footer-navi .navigation ul li:first {
        padding-left:0px;
    }
    .footer-navi .navigation ul li.last {
        background:none;
    }
    .footer-navi .navigation ul li a {
        font-size:12px;
    }
    .footer-navi .navigation .right-navi {
        float:right;
        margin-right:25px;
    }
    .footer-navi .navigation .right-navi img {
        margin-right:5px;
        float:left;
    }
    .footer-navi .navigation .right-navi p {
        margin:0px;
        padding:0px;
        margin-left:80px;
        font-size: 12px;
    }
    .footer-navi .navigation .right-navi p a {
        color: #fff;
    }
    .footer-navi {
        -webkit-border-radius: 0px 0px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px;
        margin-bottom:20px;
        height: 40px;
    }
    /*=========================================*/
    /*==========End Footer Style==============*/
    /*==========End Homepage Style============*/
    /*=========================================*/
    
    /*=========================================*/
    /*========Start Portfolio Page Style=======*/
    /*=========================================*/
    .content-wrapper .folio-content-info {
        margin-top:18px;
    }
    .content-wrapper .folio-content-info p.info {
        font-size:11px;
    }
    .folio-content {
        border-bottom:3px double #eeeeee;
    }
    .folio-content ul.thumbnail {
        list-style-type:none;
        width: 1008px;
        overflow:hidden;
        margin:0 auto;
        margin-left:-18px;
        padding:0px;
    }
    .folio-content ul.thumbnail h3 {
        margin:0px;
        padding:0px;
        margin-top:5px;
        margin-bottom:15px;
    }
    .folio-content ul.thumbnail li {
        width:288px;
        margin:0px;
        margin-left:18px;
        float:left;
        overflow:hidden;
        background:none;
        margin-bottom:20px;
    }
    .folio-content ul.thumbnail li img {
        border:1px solid #eeeeee;
        padding:5px;
        height:158px;
        width:266px;
        background-color:#FFFFFF;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius:5px;
    }
    .folio-content ul.thumbnail li a {
        font-size:11px;
    }
    .folio-content ul.thumbnail a.zoombox {
        display:block;
        width:275px;
        background:url(images/img-shadow.png) no-repeat;
        background-position:10% 104%;
        height:186px;
    }
    .folio-page-info ul.paging {
        margin:0px;
        padding:0px;
        float:right;
        margin-top:20px;
        margin-bottom:20px;
    }
    .folio-page-info ul.paging li {
        margin:0px;
        padding:0px;
        display:inline;
        margin-right:4px;
    }
    .folio-page-info ul.paging li a {
        color:#777777;
        padding:2px 7px 2px 7px;
        width:20px;
        height:20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius:5px;
        border:1px solid #eeeeee;
    }
    /*=========================================*/
    /*========End Portfolio Page Style=======*/
    /*=========================================*/
    
    /*=========================================*/
    /*========Start Contact Page Style=======*/
    /*=========================================*/
    
    .content-wrap {
        margin-left:30px;
        padding-right:5px;
        padding-bottom:50px;
    }
    .content-wrap h4 {
        margin-top:20px;
    }
    .content-info {
        border-bottom:dotted 1px #eeeeee;
        padding-bottom:10px;
        margin-bottom:10px;
    }
    .content-wrap .contact ul {
        list-style-type:none;
    }
    .content-wrap .contact {
        overflow:hidden;
    }
    .content-wrap #contactForm ul.contactform, .content-wrap #contactForm ul.contactform li, .content-wrap #contactForm ul.contactform li label {
        margin:0px;
        padding:0px;
    }
    .content-wrap .contact ul p, .content-wrap .contact ul p.error {
        margin-left:-29px;
        margin-top:20px;
    }
    .content-wrap .contact #contactForm ul.contactform li {
        margin-bottom:25px;
        margin-left:-28px;
    }
    .content-wrap .contact #contactForm label {
        clear:both;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    }
    .content-wrap .contact #contactForm input#contactName, #contactForm input#email, #contactForm textarea {
        width:290px;
        background:#F5F5F5;
        border:1px solid #CCC;
        padding-left:5px;
        clear:both;
        margin-bottom:5px;
        overflow:hidden;
        float:none;
    }
    .content-wrap .contact #contactForm input#contactName:focus, .content-wrap .contact #contactForm input#email:focus, .content-wrap .contact #contactForm textarea:focus {
        background:#FFF;
    }
    .content-wrap .contact #contactForm input#contactName {
        height:28px;
        clear:both;
    }
    .content-wrap .contact #contactForm input#email {
        height:28px;
    }
    .content-wrap .contact #contactForm textarea {
        height:130px;
        width:350px;
        clear:both;
    }
    .content-wrap .contact #contactForm input[type="submit"] {
        height:35px;
        width:84px;
        border:0px;
        background:#000;
        color:#FFF;
        cursor:pointer;
        padding-left:5px;
        padding-right:5px;
        clear:both;
        float:left;
    }
    .content-wrap .contact #contactForm input[type="submit"]:hover {
        background:#333;
    }
    .content-wrap .contact #contactForm .error {
        color:#F00;
        clear:both;
    }
    /*=========================================*/
    
    .sidebar {
        margin-top:30px;
        margin-right:30px;
        border-left:1px solid #eeeeee;
        padding-left:20px;
        margin-bottom:20px;
    }
    .sidebar h2 {
        margin-top: 15px;
    }
    .sidebar ul {
        margin:-5px;
        padding:0px;
        margin-left:-30px;
        list-style-type:none;
    }
    .sidebar ul ul {
        margin: 5px 0 -6px -30px;
    }
    .sidebar ul li {
        border-bottom:1px solid #eeeeee;
        padding-top:5px;
        padding-bottom:5px;
        margin-left:10px;
        padding-left:20px;
    }
    .sidebar ul li li {
        padding-left: 40px;
    }
    .sidebar ul li:first-child {
        border-top:1px solid #eeeeee;
    }
    .sidebar ul li:hover {
        background:url(images/sidebar_hover.png);
    }
    .sidebar h4 {
        margin-top:20px;
    }
    .sidebar #recentcomments li {
        display:block;
        padding:5px 0 5px 20px;
        padding-left:20px;
    }
    .sidebar #recentcomments li:hover {
        background:url(images/sidebar_hover.png);
    }
    /*=========================================*/
    /*========End Contact Page Style=======*/
    /*=========================================*/
    
    /*=========================================*/
    /*========Start About us Page Style=======*/
    /*=========================================*/
    .content-wrap img {
        margin-top:20px;
    }
    /*=========================================*/
    /*========End About us Page Style=======*/
    /*=========================================*/
    
    /*=========================================*/
    /*========Start Blog Page Style=======*/
    /*=========================================*/
    .content-wrap .blog img {
        border:1px solid #eeeeee;
        padding:3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius:3px;
    }
    .content-wrap #blogmain img.postimg {
        margin:0px;
        padding:0px;
        border:1px solid #eeeeee;
        padding:3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius:3px;
        /*height: 100px;
        width:100px;*/
        float:left;
        margin-right:15px;
        margin-top:8px;
    }
    .content-wrap .blog ul {
        margin-left:-30px;
    }
    .content-wrap .blog img {
        max-width:98%;
        height:auto;
    }
    .content-wrap .blog ul.blog_post {
        list-style-type:none;
    }
    .content-wrap .blog ul.blog_post li {
        border-bottom:1px solid #eeeeee;
        padding-bottom:25px;
        margin-top:20px;
        min-height:180px;
    }
    .content-wrap .blog ul.blog_post li:last-child {
        border:none;
    }
    .content-wrap .blog ul.blog_post li p {
        margin-top:15px;
    }
    .content-wrap .blog ul li h2 {
        margin:0px;
        padding:0px;
        margin-left:0;
    }
    .content-wrap .blog ul.blog_post li h2 a {
        color: #000;
    }
    .content-wrap .blog ul ul {
        list-style-type:disc;
        margin-top:10px;
        margin-left:-5px;
    }
    .content-wrap .blog ul.blog_post li ul li {
        border:none;
        margin-left:5px;
        margin-bottom:0;
        padding-bottom:0;
        margin-top:0;
        min-height:0;
    }
    .content-wrap .blog ul.single {
        list-style-type:none;
    }
    #nav-single {
        overflow:hidden;
        margin-top:20px;
        margin-bottom:10px;
    }
    .nav-previous {
        float: left;
        width: 50%;
    }
    .nav-next {
        float: right;
        text-align: right;
        width: 50%;
    }
    /*=========================================*/
    /*========Fullwidth Page Style=======*/
    /*=========================================*/
    .content-wrap .fullwidth {
        margin-right:30px;
    }
    .content-wrap .fullwidth img {
        height:auto;
        width:885px;
    }
    /*=========================================*/
    /*========Typography Page Style=======*/
    /*=========================================*/
    .content-wrap h1 {
        margin-top:15px;
    }
    /*=========================================*/
    /*========Single Page Style==========*/
    /*=========================================*/
    .social_link {
        position:relative;
        margin-top:20px;
    }
    .social_link p {
        float:left;
        color:#6c6c6c;
    }
    .social_logo {
        position:absolute;
        left:550px;
    }
    .social_logo img {
        margin:0px;
        padding:0px;
    }
    ul.paging {
        margin:0px;
        padding:0px;
        margin-top:20px;
        margin-bottom:20px;
    }
    ul.paging li {
        margin:0px;
        padding:0px;
        display:inline;
        margin-right:4px;
    }
    ul.paging li a {
        color:#777777;
        padding:2px 7px 2px 7px;
        width:20px;
        height:20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius:5px;
        border:1px solid #eeeeee;
    }
    /*=========================================*/
    /*=========Comment Style=============*/
    /*=========================================*/
    #commentsbox {
        margin:0 0px;
    }
    ol.commentlist {
        margin:0px 0 0;
        clear:both;
        overflow:hidden;
        list-style:none;
    }
    ol.commentlist li {
        margin:10px 0;
        line-height:18px;
        padding:10px !important;
        border:1px solid #CCCCCC;
        margin-bottom:10px;
        border-bottom:1px solid #CCCCCC !important;
        background: #EBEBEB;
        text-shadow: 0 1px 0 #ffffff;
    }
    ol.commentlist li ul li, ol.commentlist li ol li {
        border:none !important;
        margin:0;
        margin-left:25px;
        padding:0 !important;
    }
    ol.commentlist li .comment-author {
        color:#000;
    }
    ol.commentlist li .comment-author.vcard {
        margin:0;
        padding:0;
    }
    ol.commentlist li .comment-author a:link, ol.commentlist li .comment-author a:visited {
        color:#000;
        font-weight:bold;
        text-decoration:none !important;
    }
    ol.commentlist li .comment-author .fn {
        color:#000;
    }
    ol.commentlist li .comment-author .fn .url {
    }
    cite.fn {
        color:#000;
        font-style:normal;
        margin-left:8px;
    }
    ol.commentlist li .comment-author .avatar {
        border:1px solid #ddd;
        padding:3px;
        margin-right:10px;
    }
    .commentlist .pingback {
        margin: 0 0 1.625em;
        padding: 0 1.625em;
    }
    ol.commentlist li .comment-meta {
        font-size:10px;
        margin-left:63px;
        clear:both;
    }
    ol.commentlist li ul.children li.comment {
        border:1px solid #ccc !important;
        padding-bottom:10px !important;
        padding-left:20px !important;
        margin-bottom:10px !important;
        margin-right:5px !important;
    }
    ol.commentlist li .comment-body p {
        margin-left:60px;
    }
    ol.commentlist li .comment-meta .commentmetadata {
        color:#000;
        padding-top: 0px;
    }
    ol.commentlist li .comment-meta a {
        color: #3399FF;
        text-decoration:none !important;
    }
    ol.commentlist li p {
        line-height:22px;
        margin-top:5px;
        color:#666;
    }
    ol.commentlist li .reply {
        margin-top:10px;
        font-size:10px;
    }
    ol.commentlist li .reply a {
        color:#63261a;
        font-size:14px;
    }
    ol.commentlist li.odd {
    }
    ol.commentlist li.even {
    }
    ol.commentlist li ul.children {
        list-style:none;
        margin:1em 0 0;
        text-indent:0;
    }
    ol.commentlist li ul.children li.depth-2 {
        margin:0 0 0px 50px;
    }
    ol.commentlist li ul.children li.depth-3 {
        margin:0 0 0px 50px;
    }
    ol.commentlist li ul.children li.depth-4 {
        margin:0 0 0px 50px;
    }
    ol.commentlist li ul.children li.depth-5 {
        margin:0 0 0px 50px;
    }
    .comment-nav {
        padding:5px;
        height:20px;
    }
    .comment-nav a:link, .comment-nav a:visited {
        color:#f96e02;
    }
    #respond {
        padding:0px 0px;
        margin:10px 0px;
    }
    #respond h3 {
        font-size:14px;
        color:#000;
        font-weight:bold;
        padding:10px 10px;
    }
    #commentform {
        padding:10px 20px;
        border:1px solid #eee;
        overflow:hidden;
    }
    #commentform label {
        float:left;
        margin:0px;
        padding:0px;
        margin-top:18px;
        margin-right:10px;
    }
    #commentform p {
        margin:5px 0px;
        color:#444;
    }
    #commentform a {
        color:#0454A8;
    }
    #respond label {
        display:block;
        padding:5px 0;
        color:#63261a;
        overflow:hidden;
    }
    #respond label small {
        font-size:10px;
    }
    #respond input {
        margin-bottom:10px;
        padding:5px 5px;
        margin:0 10px 10px 0;
        background:#fff;
        border:1px solid #ddd;
        color:#555;
        clear:both;
    }
    #respond span.required {
        display:block;
        float:left;
        height:10px;
        text-indent:9999px;
    }
    #respond .comment-notes {
        text-indent:9999px;
        float:left;
        visibility:hidden;
        margin-top:-40px !important;
    }
    #respond .form-allowed-tags {
        float:left;
        overflow:hidden;
    }
    #commentform input[type="text"] {
        width:50%;
        height:20px;
    }
    #respond input#commentSubmit, #respond #submit {
        clear:both;
        background: url('images/submit-button.png') no-repeat 0 0;
        width: 92px;
        height: 26px;
        border:0;
        cursor:pointer;
        text-align: center;
        font-size:16px;
        margin-top:20px;
        color:#FFFFFF;
        float:left;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        text-indent:9999px;
    }
    textarea#comment {
        border:none;
        background:#fff;
        border:1px solid #ddd;
        width:70%;
        margin:10px 0px 0px 0px;
        padding:5px 5px;
        color:#555;
        clear:both;
        overflow:hidden;
    }
    /*-------Wordpress Search Box---------*/
    #searchform {
        position:relative;
    }
    .sidebar #searchform #s {
        width:215px;
        height:25px;
        color:#939292;
        border: 1px solid #eeeeee;
        padding-left:10px;
    }
    .footer #searchform #s {
        border:0px;
        height:30px;
        width:135px;
        padding-left:18px;
        background:transparent;
        color:#CCCCCC;
    }
    .footer #searchform label {
        float:left;
    }
    .sidebar #searchform #searchsubmit {
        background:url(images/search-bg-1.png) no-repeat;
        border:0px;
        position:absolute;
        width:29px;
        height:29px;
        top:0;
        right:0;
        cursor:pointer;
        margin-left:6px;
        text-indent:-9999px;
    }
    .footer #searchform #searchsubmit {
        width:18px;
        height:18px;
        padding:0;
        position:absolute;
        top:8px;
        right:5px;
        overflow:hidden;
        cursor:pointer;
        text-indent:-9999px;
        background: url(images/search-icon.png) 0 0 no-repeat;
        border:none;
        z-index:200;
    }
    /*-------Wordpress Core Classes---------*/
    blockquote {
        padding-left:65px;
        min-height:50px;
    }
    blockquote {
        margin-top:40px;
        margin-bottom:40px;
    }
    blockquote img {
        float: left;
        margin-right:15px;
    }
    .sticky {
    }
    .gallery-caption {
    }
    .bypostauthor {
    }
    .alignnone {
        margin: 5px 20px 20px 0;
        clear: both;
        display: block;
        overflow: hidden;
    }
    .aligncenter, div.aligncenter {
        display:block;
        margin: 5px auto 5px auto;
    }
    .alignright {
        float:right;
        margin: 5px 0 20px 20px;
    }
    .alignleft {
        float:left;
        margin: 5px 20px 20px 0;
    }
    .aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }
    a img.alignright {
        float:right;
        margin: 5px 0 20px 20px;
    }
    a img.alignnone {
        margin: 5px 20px 20px 0;
    }
    a img.alignleft {
        float:left;
        margin: 5px 20px 20px 0;
    }
    a img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    .wp-caption {
        background: #fff;
        border: 1px solid #f0f0f0;
        max-width: 96%; /* Image does not overflow the content area */
        padding: 5px 3px 10px;
        text-align: center;
    }
    .wp-caption.alignnone {
        margin: 5px 20px 20px 0;
    }
    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }
    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }
    .wp-caption img {
        border: 0 none;
        height: auto;
        margin:0;
        max-width: 98.5%;
        padding:0;
        width: auto;
    }
    .wp-caption p.wp-caption-text {
        font-size:11px;
        line-height:17px;
        margin:0;
        padding:4px 4px 5px;
    }
    /*=======================================================*/
    /*---------------------COLUMNS  Style--------------------*/
    /*=======================================================*/
    .one_half, .one_third, .two_third, .three_fourth, .one_fourth {
        float:left;
        position:relative;
    }
    .one_third {
        width:30%;
        margin-right:5%;
    }
    .one_half {
        width:48%;
        margin-right:4%;
    }
    .one_third {
        width:30%;
        margin-right:5%;
    }
    .two_third {
        width:65%;
        margin-right:5%;
    }
    .one_fourth {
        width:22%;
        margin-right:4%;
    }
    .three_fourth {
        width:74%;
        margin-right:4%;
    }
    /*=======================================================*/
    /*--------------------SPECIAL COLUMNS--------------------*/
    /*=======================================================*/
    
    .col2, .col3, .col4 {
        float:left;
        position:relative;
    }
    .col3 {
        width:280px;
        margin-right:60px;
    }
    .col2 {
        width:460px;
        margin-right:40px;
    }
    .col4 {
        width:210px;
        margin-right:40px;
    }
    .last {
        margin-right:0 !important;
    }
    .col4-wrap, .col2-wrap, .homepage {
        width:1000px;
        margin-right:-40px;
        overflow: hidden;
        line-height:20px;
    }
    /*=======================================================*/
    /*-------------------------Tipsy-------------------------*/
    /*=======================================================*/
    .tipsy {
        margin-bottom:5px;
        padding: 5px;
        font-size: 10px;
        opacity: 0.8;
        filter: alpha(opacity=80);
        background-repeat: no-repeat;
        background-image: url(images/tipsy.gif);
    }
    .tipsy-inner {
        padding: 5px 8px 4px 8px;
        background-color: black;
        color: white;
        max-width: 200px;
        text-align: center;
    }
    .tipsy-inner {
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
    }
    .tipsy-north {
        background-position: top center;
    }
    /*=======================================================*/
    /*--------------------WordPress Calender-----------------*/
    /*=======================================================*/
    
    #wp-calendar caption {
        width: 100%;
        text-align: center;
        background: #4b5d67;
        color: #fff;
        border-bottom: 2px solid #e6eef7;
    }
    #wp-calendar {
        border-collapse:collapse;
        width: 99%;
        text-align: center;
    }
    #wp-calendar thead tr {
        background: url(images/cal_bkg.gif) bottom right no-repeat;
    }
    #wp-calendar thead th {
        background: url(images/cal_single.gif) top left no-repeat;
    }
    #wp-calendar tbody td {
        background: url(images/cal_single2.gif) top left no-repeat;
        padding: 2px 0;
    }
    #wp-calendar #today {
        background: url(images/cal_single_today.gif) top left no-repeat;
        color: #000;
    }
    #wp-calendar tbody .pad {
        background: url(images/cal_pad.gif) top left no-repeat;
    }
    #wp-calendar a {
        padding: 2px 0;
        font-weight: bold;
    }
    #wp-calendar tfoot td {
        padding: 3px 0;
        background: url(images/cal_pad.gif) top left no-repeat;
    }
    #wp-calendar #next {
        text-align: right;
        padding-right: 10px;
    }
    #calendar_wrap {
        display: block;
        width: 100%;
        background: url(images/cal_bkg.gif) bottom right no-repeat;
        padding: 0 1px 1px 0;
        margin: 0 0 18px 0;
    }
    .footer #calendar_wrap {
    }
    .footer #wp-calendar caption {
        background: #6fa038;
        border-bottom:none;
        color: #244006;
    }
    .footer #wp-calendar {
        color: #abca8a ;
    }
    .footer #wp-calendar th {
        background:none;
        border-top:none;
        border-bottom:none;
        font-weight: bold;
        padding-top: 5px;
    }
    .footer #wp-calendar th{
        color: #213a06;
    }
    .footer #wp-calendar tfoot td {
        background:none;
        border-top:none;
        border-bottom:none;
    }
    .footer #wp-calendar tr {
        border:none;
    }
    /*=======================================================*/
    /*------------------------Color Box----------------------*/
    /*=======================================================*/
    .schemes {
        width:17px;
        padding:5px 5px 0px 5px;
        position:absolute;
        z-index:1000;
        top:50px;
        left:0;
        background:#fff;
        border:1px solid #d9d9d9;
        border-radius:0 5px 5px 0;
        -moz-border-radius:0 5px 5px 0;
        -khtml-border-radius:0 5px 5px 0;
        -webkit-border-top-right-radius:5px;
        -webkit-border-bottom-right-radius:5px;
    }
    .schemes a {
        width:15px;
        height:15px;
        margin-bottom:5px;
        display:block;
        overflow:hidden;
        outline:none;
        text-indent:-999px;
    }
    .schemes a.pink {
        background:#ce2879;
        border:1px solid #971957;
    }
    .schemes a.yellow {
        background:#a58803;
        border:1px solid #84642c;
    }
    .schemes a.brown {
        background:#AF6E07;
        border:1px solid #574a4a;
    }
    .schemes a.blue {
        background:#2565AC;
        border:1px solid #174c88;
    }
    .schemes a.red {
        background: #a63400;
        border:1px solid #4b396e;
    }
    .schemes a.black {
        background:#000000;
        border:1px solid #2b3035;
    }
    .schemes a.purple {
        background:#736DB4;
        border:1px solid #2b3035;
    }
    .schemes a.green {
        background:#00CC00;
        border:1px solid #006600;
    }
    /*=======================================================*/
    /*--------------------Button Style-----------------------*/
    /*=======================================================*/
    a.button, button {
        display: inline-block;
        padding: 5px;
        font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
        font-size: 12px;
        color: #3C3C3D;
        text-shadow: 1px 1px 0 #FFFFFF;
        background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0 no-repeat;
        white-space: nowrap;
        overflow: visible;
        cursor: pointer;
        text-decoration: none;
        border: 1px solid #CACACA;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        outline: none;
        position: relative;
        zoom: 1;
        line-height: 1.11;
        *display: inline;
        *vertical-align: middle;
    }
    button {
        margin-left: 0;
        margin-right: 0;
        *padding: 5px 5px 3px 5px;
    }
    a.button {
        -moz-user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }
    button::-moz-focus-inner {
        border: 0;
        padding:0px;
    }
    a.button.primary, button.primary {
        font-weight: bold
    }
    button:focus, a.button:hover, button:hover {
        color: #FFFFFF;
        border-color: #388AD4;
        text-decoration: none;
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
        background-position: 0 -40px;
        background-color: #2D7DC5;
    }
    a.button:active, button:active, a.button.active, button.active {
        background-position: 0 -81px;
        border-color: #347BBA;
        background-color: #0F5EA2;
        color: #FFFFFF;
        text-shadow: none;
    }
    a.button:active, button:active {
        top: 1px
    }
    a.button.negative:hover, button.negative:hover {
        color: #FFFFFF;
        background-position: 0 -121px;
        background-color: #D84743;
        border-color: #911D1B;
    }
    a.button.negative:active, button.negative:active, a.button.negative.active, button.negative.active {
        background-position: 0 -161px;
        background-color: #A5211E;
        border-color: #911D1B;
    }
    a.button.positive:hover, button.positive:hover {
        background-position: 0 -280px;
        background-color: #96ED89;
        border-color: #45BF55;
    }
    a.button.positive:active, button.positive:active, a.button.positive.active, button.positive.active {
        background-position: 0 -320px;
        background-color: #45BF55;
    }
    a.button.pill, button.pill {
        -webkit-border-radius: 19px;
        -moz-border-radius: 19px;
        border-radius: 19px;
        padding: 5px 10px 4px 10px;
        *padding: 4px 10px;
    }
    a.button.left, button.left {
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-topright: 0px;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
        margin-right: 0px;
        border-right: none;
    }
    a.button.middle, button.middle {
        margin-right: 0px;
        margin-left: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border-right: none;
    }
    a.button.right, button.right {
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-topleft: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        margin-left: 0px;
    }
    a.button.left:active, button.left:active, a.button.middle:active, button.middle:active, a.button.right:active, button.right:active {
        top: 0px
    }
    a.button.big, button.big {
        font-size: 16px;
        padding-left: 14px;
        padding-right: 17px;
    }
    button.big {
        *padding: 4px 17px 2px 17px;
    }
    a.button span.icon, button span.icon {
        display: inline-block;
        width: 14px;
        height: 12px;
        margin: auto 7px auto auto;
        position: relative;
        top: 0;
        *top: 0px;
        background-image: url('images/css3buttons_icons.png');
        background-repeat: no-repeat;
    }
    a.big.button span.icon, button.big span.icon {
        top: 0px
    }
    a.button span.icon.book, button span.icon.book {
        background-position: 0 0
    }
    a.button:hover span.icon.book, button:hover span.icon.book {
        background-position: 0 -15px
    }
    a.button span.icon.calendar, button span.icon.calendar {
        background-position: 0 -30px
    }
    a.button:hover span.icon.calendar, button:hover span.icon.calendar {
        background-position: 0 -45px
    }
    a.button span.icon.chat, button span.icon.chat {
        background-position: 0 -60px
    }
    a.button:hover span.icon.chat, button:hover span.icon.chat {
        background-position: 0 -75px
    }
    a.button span.icon.check, button span.icon.check {
        background-position: 0 -90px
    }
    a.button:hover span.icon.check, button:hover span.icon.check {
        background-position: 0 -103px
    }
    a.button span.icon.clock, button span.icon.clock {
        background-position: 0 -116px
    }
    a.button:hover span.icon.clock, button:hover span.icon.clock {
        background-position: 0 -131px
    }
    a.button span.icon.cog, button span.icon.cog {
        background-position: 0 -146px
    }
    a.button:hover span.icon.cog, button:hover span.icon.cog {
        background-position: 0 -161px
    }
    a.button span.icon.comment, button span.icon.comment {
        background-position: 0 -176px
    }
    a.button:hover span.icon.comment, button:hover span.icon.comment {
        background-position: 0 -190px
    }
    a.button span.icon.cross, button span.icon.cross {
        background-position: 0 -204px
    }
    a.button:hover span.icon.cross, button:hover span.icon.cross {
        background-position: 0 -219px
    }
    a.button span.icon.downarrow, button span.icon.downarrow {
        background-position: 0 -234px
    }
    a.button:hover span.icon.downarrow, button:hover span.icon.downarrow {
        background-position: 0 -249px
    }
    a.button span.icon.fork, button span.icon.fork {
        background-position: 0 -264px
    }
    a.button:hover span.icon.fork, button:hover span.icon.fork {
        background-position: 0 -279px
    }
    a.button span.icon.heart, button span.icon.heart {
        background-position: 0 -294px
    }
    a.button:hover span.icon.heart, button:hover span.icon.heart {
        background-position: 0 -308px
    }
    a.button span.icon.home, button span.icon.home {
        background-position: 0 -322px
    }
    a.button:hover span.icon.home, button:hover span.icon.home {
        background-position: 0 -337px
    }
    a.button span.icon.key, button span.icon.key {
        background-position: 0 -352px
    }
    a.button:hover span.icon.key, button:hover span.icon.key {
        background-position: 0 -367px
    }
    a.button span.icon.leftarrow, button span.icon.leftarrow {
        background-position: 0 -382px
    }
    a.button:hover span.icon.leftarrow, button:hover span.icon.leftarrow {
        background-position: 0 -397px
    }
    a.button span.icon.lock, button span.icon.lock {
        background-position: 0 -412px
    }
    a.button:hover span.icon.lock, button:hover span.icon.lock {
        background-position: 0 -427px
    }
    a.button span.icon.loop, button span.icon.loop {
        background-position: 0 -442px
    }
    a.button:hover span.icon.loop, button:hover span.icon.loop {
        background-position: 0 -457px
    }
    a.button span.icon.magnifier, button span.icon.magnifier {
        background-position: 0 -472px
    }
    a.button:hover span.icon.magnifier, button:hover span.icon.magnifier {
        background-position: 0 -487px
    }
    a.button span.icon.mail, button span.icon.mail {
        background-position: 0 -502px
    }
    a.button:hover span.icon.mail, button:hover span.icon.mail {
        background-position: 0 -514px
    }
    a.button span.icon.move, button span.icon.move {
        background-position: 0 -526px
    }
    a.button:hover span.icon.move, button:hover span.icon.move {
        background-position: 0 -541px
    }
    a.button span.icon.pen, button span.icon.pen {
        background-position: 0 -556px
    }
    a.button:hover span.icon.pen, button:hover span.icon.pen {
        background-position: 0 -571px
    }
    a.button span.icon.pin, button span.icon.pin {
        background-position: 0 -586px
    }
    a.button:hover span.icon.pin, button:hover span.icon.pin {
        background-position: 0 -601px
    }
    a.button span.icon.plus, button span.icon.plus {
        background-position: 0 -616px
    }
    a.button:hover span.icon.plus, button:hover span.icon.plus {
        background-position: 0 -631px
    }
    a.button span.icon.reload, button span.icon.reload {
        background-position: 0 -646px
    }
    a.button:hover span.icon.reload, button:hover span.icon.reload {
        background-position: 0 -660px
    }
    a.button span.icon.rightarrow, button span.icon.rightarrow {
        background-position: 0 -674px
    }
    a.button:hover span.icon.rightarrow, button:hover span.icon.rightarrow {
        background-position: 0 -689px
    }
    a.button span.icon.rss, button span.icon.rss {
        background-position: 0 -704px
    }
    a.button:hover span.icon.rss, button:hover span.icon.rss {
        background-position: 0 -719px
    }
    a.button span.icon.tag, button span.icon.tag {
        background-position: 0 -734px
    }
    a.button:hover span.icon.tag, button:hover span.icon.tag {
        background-position: 0 -749px
    }
    a.button span.icon.trash, button span.icon.trash {
        background-position: 0 -764px
    }
    a.button:hover span.icon.trash, button:hover span.icon.trash {
        background-position: 0 -779px
    }
    a.button span.icon.unlock, button span.icon.unlock {
        background-position: 0 -794px
    }
    a.button:hover span.icon.unlock, button:hover span.icon.unlock {
        background-position: 0 -809px
    }
    a.button span.icon.uparrow, button span.icon.uparrow {
        background-position: 0 -824px
    }
    a.button:hover span.icon.uparrow, button:hover span.icon.uparrow {
        background-position: 0 -839px
    }
    a.button span.icon.user, button span.icon.user {
        background-position: 0 -854px
    }
    a.button:hover span.icon.user, button:hover span.icon.user {
        background-position: 0 -869px
    }
    .shopping_cart table td i p {
        font-style:normal;
    }
    .shopping_cart table td a strong {
        background:#0A2642;
    }

    site: http://www.wakadalamatophilip.org

  2. Sabinou
    Member
    Posted 2 years ago #

    How about

    .content-wrap .blog p {
    text-align:center;
    }

    Me, I'm a very bad example, if I wanted it, I'd directly edit index.php and single.php with <center> </center> tags ;)

  3. lonniea
    Member
    Posted 2 years ago #

    wakadala - im not impressed with the css above, however...

    Under the general typography
    /*==============================*/
    /* GENERAL TYPOGRAPHY */
    /*==============================*/

    add this line in this area...
    p {
    text-align: justify

    Sabinou... using the <center> syntax is no longer acceptable.
    instead use this...

    <div align="center">
    This is some text!
    </div>

  4. Sabinou
    Member
    Posted 2 years ago #

    Lonniea, I know this is bad, and as I wrote, this is a very bad example ;)

    Looking at web pages always stacking up more and more divs and spans, I'm always getting suspicious this risks to make the webpage become even more complicated, unmanageable, and harder to process by the browsers. I may be mistaken, but, my paranoia and my lazyness won !

  5. wakadala
    Member
    Posted 2 years ago #

    Thank you very much lonniea and Sabinou1 but it did not work out. Any other idea?

  6. wakadala
    Member
    Posted 2 years ago #

    yes it worked out!!! a combination of your ideas worked thank you very much!

Topic Closed

This topic has been closed to new replies.

About this Topic