WordPress.org

Ready to get started?Download WordPress

Forums

Put a space between pictures/ center content (8 posts)

  1. Zhuli
    Member
    Posted 6 years ago #

    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) :

    http://www.correresmidestino.com

    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 : http://www.zhu-canada.blogspot.com

    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 !

  2. cemiotika
    Member
    Posted 6 years ago #

    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.

    Cheerz!,
    Hope this can Help,

  3. macsoft3
    Member
    Posted 6 years ago #

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

  4. 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 {
    margin-bottom:10px
    }

    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.

  5. Navie
    Member
    Posted 6 years ago #

    (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 {
    margin-bottom:10px
    }

    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.

  6. moshu
    Member
    Posted 6 years ago #

    Starting from the bottom:
    ALL the answers are in the online manual, the Codex.
    http://codex.wordpress.org/Main_Page

    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:
    Finding_Your_CSS_Styles

    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.

  7. Navie
    Member
    Posted 6 years ago #

    I'm trying out the MangoOrange theme, http://www.mangoorange.com/ 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?

  8. moshu
    Member
    Posted 6 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic