• Resolved adnanmg

    (@adnanmg)


    Hi,

    I’m using the Twenty ten Theme, and have found many great resources that have shown me how to customize it, but there are a few specific things I am having trouble doing. I created a child theme and am doing all my changes on that.

    My in progress site:

    http://www.madguru.net/wp/

    1. Under the menu, I would like to remove the space between it and the image in the body.

    2. I would like the image in the body to be aligned to the left and keep the text as it is.

    3. Can I turn the white space outside of my page layout area to black?

    4. Is it possible to override the footer with my child theme?

    Thanks so much for all the great resources and support!

    Adnan

Viewing 8 replies - 1 through 8 (of 8 total)
  • esmi

    (@esmi)

    Don’t edit the Twenty Ten theme. Your changes will be over-written the next time you upgrade WordPress. For this reason, it is recommended that you consider creating a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

    Thread Starter adnanmg

    (@adnanmg)

    Thanks for the reply Esmi. I agree, and am applying all changes to the child theme. Would you have any ideas about some of the customizations I asked about? Either way, thanks for taking the time to reply :).

    Michael

    (@alchymyth)

    1.
    check the style of #main – this has a rather large top padding of 40px;

    2.
    this might be difficult as the image is in a post content.

    3.
    the pale grey outside is the body background – change it in ‘dashboard’ – ‘appearance’ – ‘background’

    4.
    create a footer.php in your child theme.

    esmi

    (@esmi)

    1. Assuming you want to remove this space on just the home page, try adding:

    body.home #main {
    padding-top:0;
    position:relative;
    top:-70px;
    }

    2. This so going to be difficult. Best I can come up with:

    body.home .entry-content img {
    position:relative;
    top:-300px;
    }

    3. Easy:
    body {background:#000;}

    4. Yes. You just need a modified footer.php file in your child theme.

    Chip Bennett

    (@chipbennett)

    If you use Firefox, install the Firebug extension.

    If you use Google Chrome, install the Chrome Developer Tools extension.

    Both of these extensions facilitate inspection of the DOM/markup, to identify what styles are being applied to each specific element.

    Thread Starter adnanmg

    (@adnanmg)

    Thank you so much Alchymth, Esmi and Chip!

    1. Esmi’s code got the image up against the menu. Perfect!:

    body.home #main {
    padding-top:0;
    position:relative;
    top:-72px;
    }

    2. Esmi’s code with a slight modification let me line up the image to the left:

    body.home .entry-content img {
    position:relative;
    left:-150px;
    }

    3. I used Chip’s suggestion and was able to change the bg color in the dashboard.

    And, when I am home, I will take Chip’s advice and use the browser extensions!

    Thank you all so much for your invaluable help.

    Sincerely,

    Adnan

    esmi

    (@esmi)

    Glad we could all help 🙂

    Thread Starter adnanmg

    (@adnanmg)

    Oops, I meant Alchymth’s suggestion on the background color change. I’ve been chipping away on transitioning my website to WordPress over the last few weeks, having used it for my blog for years, and honestly, it’s the best decision I have made.

    Using the twenty ten theme which is so widespread and therefore has a lot of tips available from nice people like all of you has helped a lot.

    Great stuff!

    -Adnan

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Twenty Ten Theme customization Body Content’ is closed to new replies.