WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Help adding image next to content in Twenty Eleven (7 posts)

  1. BBDesigns
    Member
    Posted 1 year ago #

    I am building a site for a client based off Twenty Eleven. The client wants to add an image next to the content on all pages. I have added the image into header.php, but can not format the content to come up next to it. Here is the site-

    http://belsieblisswebdesign.com/lissa/

    As you'll see in the code, I tried several different ways to move the content over 100 and up -500 with margins, but nothing is working. If someone could help me see what I'm doing wrong I would greatly appreciate it!

    Thank you

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    You really should not be modifying theme files -- as your changes will be lost when WP is updated - but rather using a Child Theme.
    http://codex.wordpress.org/Child_Themes

    Also, content would not typically go in the header.php file - can you describe a bit more what you want to do?

  3. BBDesigns
    Member
    Posted 1 year ago #

    Yes, once completed the theme will be saved under a different name, it will no longer be under twenty eleven. This is how I'm doing it until I have a chance to study how to build child themes.

    What I want to do is have the flag image on the left of each page- then the content to the right of it after a small amount of padding.

    I originally tried to do it with index.php but read that will only make it show on the front page, when I want it on all pages. I read a suggestion to put it in header.php or footer.php. I put it in header and it is working, the issue is aligning the content up next to it.

    Thanks for your reply.

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Why not put it as a background image in the "primary" or "content" div?

  5. BBDesigns
    Member
    Posted 1 year ago #

    WPyogi,

    I already have one background image in that area, a small semi-transparent tile as the client wants the background to show through that area. I tried adding this on top of it as I saw recommended somewhere, but it didn't work, or perhaps I did it wrong. I could combine both images into one background, however I don't want the flags graphic to repeat, so I'd have to make it a fixed size, which would become an issue when the pages lengthen with content.

    Any thoughts?

    Thanks!

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    The transparent background seems to be in the #page div - so why can't you put the flags as a background image in the #main or #primary div?

    And BTW, you really are digging yourself into a miserable spot by not creating a child theme now - you will have to redo almost all of your work to move it to a child theme later.

    If you are familiar with FTP and creating file in a text editor, it should take you about 5 minutes to create one.

  7. BBDesigns
    Member
    Posted 1 year ago #

    Excellent, that worked! Thank you so much for the help and advice :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.