Support » Themes and Templates » Center my theme instead of aligned left?

  • Resolved flashkube

    (@flashkube)


    Hello, my blog is at http://thedailyflashkube.com. I am currently using Redoable 1.2 theme and would like to know how to center it on the background (much like this site is centered).

    I’ve done some searching on this forum and have found some posts but they did not help.

    Thank you kindly,

    flashkube

Viewing 5 replies - 1 through 5 (of 5 total)
  • Centering your layout involves CSS, so you would need to edit your theme’s style.css, then add following declarations below to the END/BOTTOM of style.css

    body ( text-align: center; )
    #header, #page, #content, #footer ( margin: 0 auto; text-align: left; )

    easiest way? and will also make you more kind to smaller rez screens… define width in body tag and set margin to auto…

    make this:

    body {
    	background: #111;
    	color: #444;
    	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
    	margin: 0px 0px 0px 20px;
    }

    this:

    body {
    	background: #111;
    	color: #444;
    	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
    	width:1000px;
            margin: auto;
    }

    A fluid layout as drewactual explains is always the best solution to page layout, imo. mercimes will work and is valid css, but fluid is better.

    Thread Starter flashkube

    (@flashkube)

    This worked perfectly drewactual. Thank you so much.

    Thanks Drewactual!!! I’ve tried this and it works perfectly.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Center my theme instead of aligned left?’ is closed to new replies.