Support » Fixing WordPress » Put a space between pictures/ center content

  • Zhuli


    Hi folks,

    Alright, I’ve been working on my blog for a few days now… Keep in mind I’m a total newbie and I still have a lot to learn, so sorry if my questions are silly !

    This is my blog as of now (far from being finish) :

    On the left, I have little square drawings. I basically uploaded them on photobucket and paste the HTML code into a singe text widgets.

    However, I’d like to have a space between the squares, like I used to have on blogger :

    Is there an HTML command for that ?

    Second question…

    As you can see, my main content is a bit off. How would I center it ?

    Thanks !

Viewing 7 replies - 1 through 7 (of 7 total)
  • cemiotika


    You can try by creating a “div” and then put the Photobucket code inside, the div must have a style called "line-heigt:15px;", this will make a 15px separation between each line (in this case images),

    For the “a bit off” problem:

    Go to your wrap, content, and header divs and check if the “width” is the same for all the divs.

    Hope this can Help,



    You can use an HTML table to have a desirable degree of space between images.

    You can cotrol the spacing using CSS.
    Add this to your CSS file (below #l_sidebar ul li a:hover { … } ).

    #l_sidebar ul li img {

    This is telling the image element within the ID of l_sidebar (ul – unordered list – in this case), another unordered list, and list element, to have certain margin.

    Change the pixel amount if you want more/less spacing.

    (This is my first wordpress experience)

    I’m trying out the i3Theme 1.4 by MangoOrange right now, I wanted to do this 10px border as well but could not find the specific area in the template to do this change in the them editor area, I’ve tried for an hour to look for this,

    below #l_sidebar ul li a:hover { … }

    #l_sidebar ul li img {

    The second thing is, can I change the main content area’s width from about 500+ to 670? Is it possible for this theme?

    The last bit, a lot of the themes I like out there do not have “options” nor a header image, how do I mod this theme to display my own header image?

    I’ve been on blogger all this while and never bothered to learn up on this, and a lot of the info on wordpress seems scattered, if you can direct me to the one website with all the answers, it’ll save me a lot of hours. Thanks.

    Starting from the bottom:
    ALL the answers are in the online manual, the Codex.

    Don’t use the online theme editor – it is dangerous and doesn’t have an UNDO button!
    Edit the files on your own computer in a plain text editor like Notepad and upload them after the edit, via FTP. Of course, always make a backup copy before messing around with the code… just in case.

    You stylesheet and the div names might be completely different. Try to find out what do you have to edit:

    Usually, changing the width of an element involves changing a lot of other things in the stylesheet…

    Header image: it is either in the header.php or in the style.css as a bg image. Edit one of those files to show your own image.

    I’m trying out the MangoOrange theme, from what others told me, the default width is here at 495 px,

    /* content */
    #content {
    padding: 25px 25px 15px 25px;
    width: 495px;
    background: #ffffff;
    clear: both;
    overflow: hidden;

    But to change that, I can’t just increase it to 620 (does the width I want have to factor in the padding here? What’s the correct number to put there for 620 of content space?) but need to change 4 files:

    # dbx.css
    # ie-gif.css
    # Stylesheet
    # print.css

    Does anyone know what needs to be done?

    It’s not that simple. SO, if you don’t know what are you doing – it will be very difficult.
    The content div is inside two more divs, so you would need to increase the width of those, too.
    Unless you really understand CSS you shouldn’t mess with those values.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Put a space between pictures/ center content’ is closed to new replies.