How On Earth Do I Change This One Little Problem - So Close To Finishing My First Theme!!

6 replies
  • WEB DESIGN
  • |
Hi guys,

I've been messing around with Artisteer and have created a very simple two page site for a local marketing event. Everything's been relatively straightforward so far, all I need to do is move the image on the home page up to sit closer to the bottom of the menu bar. I've Googled for ages and still can't seem to find out what I need to do. If anyone can help me sort this out, it would be very much appreciated, but could you completely spell out what I need to do, as I'm a total newbie to design.
Oh, if you want to take a look, it's at www.outtolunch.net.au.

Cheers,
Sissy
#change #close #earth #finishing #problem #theme
  • Profile picture of the author John Dufresne
    How big is your image?
    How much alpha space is around it?
    Meaning, how much white space is between the border and image?
    You might have to open your image up in photoshop and crop some of the white space off of it.
    Just an idea.
    Signature
    {{ DiscussionBoard.errors[1031427].message }}
    • Profile picture of the author Sissy76
      Thanks John, I'm not too familiar with photoshop, but my sister is, so I might see if she can take a look.

      Cheers,
      Sissy
      {{ DiscussionBoard.errors[1031891].message }}
  • Profile picture of the author jimbob
    Hi Sissy,

    The image is within a paragraph; if you remove the <p></p> tags from around the image then it will move up... but not quite enough.

    The class '.post-body' has padding of 10px; this is also pushing the image further down. Maybe change it to say:

    padding: 0 10px 10px 10px;

    And the class 'img.alignleft' has a top margin of 1em; changing this to 0 should give you the result you're after.

    Hope that makes sense!

    James
    Signature

    James Simpson

    {{ DiscussionBoard.errors[1031692].message }}
    • Profile picture of the author Sissy76
      Hi James,

      Thanks so much for your help, just need to ask a stupid question - which file(s) should I be looking at to make these changes?

      Cheers,
      Sissy
      {{ DiscussionBoard.errors[1031895].message }}
    • Profile picture of the author Sissy76
      Originally Posted by jimbob View Post

      Hi Sissy,

      The image is within a paragraph; if you remove the <p></p> tags from around the image then it will move up... but not quite enough.

      The class '.post-body' has padding of 10px; this is also pushing the image further down. Maybe change it to say:

      padding: 0 10px 10px 10px;

      And the class 'img.alignleft' has a top margin of 1em; changing this to 0 should give you the result you're after.

      Hope that makes sense!

      James
      James, if I were in Northampton I'd buy you a beer!! Got a chance to read your post sans interruptions from my kids, went through the css & viola! Front page image is aligned properly - thankyou, thankyou, thankyou!!

      Sissy
      {{ DiscussionBoard.errors[1032182].message }}
  • Profile picture of the author jimbob
    No worries at all - glad it's sorted!
    Signature

    James Simpson

    {{ DiscussionBoard.errors[1032276].message }}

Trending Topics