I’m frustrated.

Puchase links not aligning with image

The Fotomoto buy buttons should be aligned directly under the image. Mine are being displaced for some reason about 200px to the right of the image.

Has anyone had this problem? If so how can I fix it?

It's also displacing the layout of the text following the image, which I don't like.

Take a look for a visual aide: http://www.tentimesone.com/the-photo-...

Thanks in advance!

Nico
1 person has
this problem
+1
Reply
  • Derek (Official Rep) October 17, 2011 07:22
    Hi Nico & Katie,

    You can customize the appearance of the Fotomoto Buy Buttons using CSS - here's the article you'll want to read about how.

    We posted a few Buy Button customization examples that tend to be very useful.

    In your case, see the 'If your photo is not centered and you want the Buy Buttons not to be centered:' example, which shows this code which should fix the issue for you (note I changed the left margin value to 20 for your case).

    .FotomotoToolbarClass {
    margin-left:20px !important; /* set left margin to zero */
    }

    I hope that helps and kind regards,
    Derek
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • Hi Derek,

    Thanks a lot. That works well to align the buttons under the image. Thanks!

    I'm still having a problem, though, getting the buttons AND the image to align left. When the buttons are displayed (with 'gofotomoto') the text aligns BELOW the image and buttons. I would like it to aligned to the RIGHT of them, as they are in the rest of the images (the ones currently without the 'gofotomoto' signifier).

    Is there an easy fix for this? I'm sure it's a Fotomoto toolbar issue since they align just fine when it's not there.

    Thanks again,

    Nico



  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • Derek (Official Rep) October 18, 2011 09:16
    Hi Nico,

    My apologies here, but currently we only offer settings to position the Buy Button toolbar under the image or above it. That said, I'm pretty sure you could use custom CSS to accomplish what you're after, we just can't provide the customization support. You might want to enlist the help of a web designer who's familiar with CSS.

    Kind regards,
    Derek
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated