WordPress.org

Ready to get started?Download WordPress

Forums

Images Not Centering, Lists not working (2 posts)

  1. PatrickRiley
    Member
    Posted 4 years ago #

    Okay hey guys been using this theme "CONVEGANCE" for about a year now still fairly stable up to the current word press except in post images do not center and the captions don't either, and captions don't have that styled default wp box around the caption. As for the list i tried doing a tutorial in steps. But the sub list dont do this when i use WP Visual editor.

    1. Main step info
    1. Sub step should be indented over
    2. Sub step should be indented over
    2. Second Main step

    here is a link to a page on my site with these problems http://hazystudio.com/photography/shooting-night-time-photography/


    More info can be provided if needed thanks.

  2. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    about the list:
    try these styles for double level indented lists (save a backup of style.css first, incase you don't like the changes):

    /*- Post Lists -*/
    .post ul, .post ol {
    	margin: 0 0 1.5em 2.5em;
    }
    .post ul li {
    	background: url(images/ico-list.gif) no-repeat 0 6px;
    	margin: 0 0 .4em;
    	padding: 0 0 0 10px;
    }
    .post ul li ul li {
    	background: url(images/ico-list.gif) no-repeat 0 6px;
    	margin: 0 0 .4em;
    	padding: 0 0 0 10px;
    }
    .post ol li {
    	list-style: decimal;
    	list-style-position: outside;
    	margin: 0 1.6em .4em;
    }
    .post ol li ol li {
    	list-style: decimal;
    	list-style-position: outside;
    	margin: .6em 1.2em .4em;
    }
    .post ol li ul li {
    	background: url(images/ico-list.gif) no-repeat 0 6px;
    	margin: .6em 1.2em .4em;
    	padding: 0 0 0 0px;
    }

    if you want some caption styles - here is a slightly adapted copy from the default theme style.css (you can add it at the end of your style.css):

    .wp-caption {
    	border: 1px solid #ddd;
    	text-align: center;
    	background-color: #f8f8f8;
    	padding-top: 6px;
    	margin: 10px 0;
    	-moz-border-radius: 3px;
    	-khtml-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	border-radius: 3px;
    }
    
    .wp-caption img {
    	margin: 0;
    	padding: 0;
    	border: 0 none;
    }
    
    .wp-caption p.wp-caption-text {
    	line-height: 17px;
    	padding: 4px 4px 5px;
    	margin: 0;
    }

    enjoy the process ;-)

Topic Closed

This topic has been closed to new replies.

About this Topic