I would like to centre the body text

  • Nunique

    (@nunique)


    13 years, 7 months ago

    First Questionn:
    Hi there I would like to centre the text on this page or at least move the margin so that it is not so close to the left side bar – but I don’t want it to affect any of my other pages as these are displaying fine.
    below is a link to the page where I have an issue.

    Second Question is there a way to centre the Newsflash text on the left sidebar as well as the random image on the right side bar?

    http://www.nuniquestudios.com/wordpress/?m=201009

Viewing 2 replies - 1 through 2 (of 2 total)
  • zeaks

    (@zeaks)

    13 years, 7 months ago

    I think you’re using snazzy archives for that mage, and i’m assuming you put a shortcode into a page post to have it appear. Try just selecting the shortcode in the post and using the editor center button.

    I can’t right click on your site to use firebug so I can’t help with the rest.

    accuwebhosting

    (@accuwebhosting)

    13 years, 7 months ago

    Hey, Nunique

    You can move the margin to increase the space between left sidebar and the content.

    For that, open the style.css file of your current theme and figure out the following style statements…

    .title {
    margin: 0;
    padding: 10px 0 4px 35px;
    font-weight: normal;
    }

    .byline {
    border-bottom: 1px #BBBBBB dashed;
    margin: -10px 20px 20px 35px;
    }

    .entry {
    padding: 0 35px;
    }

    I have modified the values of ‘padding’ attribute from 20px to 35px.
    This will increase the space between the content and the left sidebar.

    To display the sidebar heading and content in center figure out the below style statements from the style.css file of your current theme…

    // To display heading in center

    .sidebar li h2 {
    height: 30px;
    margin: 0 0 0 0;
    padding: 10px 15px 0px 15px;
    background: #890208 url(images/img05.jpg) no-repeat left top;
    letter-spacing: -1px;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    }

    // To display content in center

    .sidebar li {
    padding: 0 0 20px 0;
    text-align: center;
    }

    Here, I have added ‘text-align’ attribute to display the content in center position.

    After making all the changes save the style.css file and re-upload it.

    I hope it helps you.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘I would like to centre the body text’ is closed to new replies.