buy and ecard on opposite side of screen

The eCard button is on the FAR left as seen in the image below. I tried adjusting the CSS as follows:
FotomotoToolbarClass {
width: 400px !important; /* make it 400 pixels end to end */
}

and it did nothing. Ieven tried 200px. nothing. The problem lies when the site is 'responsive' and when you view it on a tablet or iphone the eCard button disappears. as seen in the image below.
1 person has
this problem
+1
Reply
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

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

  • You can clearly see the problem here:
    http://garyphotosgallery.com/greece-2...

    I tried ALL OF THE CSS THINGS. Still doesn't work properly.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

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

  • Derek (Official Rep) April 15, 2013 17:48
    Hi Gary,

    So the eCard button *should* be aligned with the right edge of the image - that's the expected behavior. If you want eCard to align left like the other Buy Button links, use the code under "Making all the Buy Buttons go to left" in the Buy Button customization examples article.

    Please note that as explained in Customizing the Buy Buttons, we don't provide CSS support, so if you need further assistance on this, you'll want to enlist the help of a web designer or other CSS pro.

    Last, if you're using a responsive design, obviously your code will be different for smaller width devices, and at some width the Buy Buttons may become too long to fit on a single line, so the text will eventually wrap. You need to design for this and obviously use CSS to control what happens. As mentioned in the article above, the Buy Buttons are coded in a "standard" unordered list, so the HTML formatting is compatible with lots of modern designs for drop-down menus, etc.

    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 happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned

  • So the eCard button *should* be aligned with the right edge of the image - that's the expected behavior. If you want eCard to align left like the other Buy Button links, use the code under "Making all the Buy Buttons go to left" in the Buy Button customization examples article.
    I tried all the links you provide. I understand you don't support it. But at least you could make it more possible to solve this problem.
    I find this disingenuous. It is your product, My WP site has nothing to do with the placement of the Buy Buttons. So don't tell me you have no responsibility for their placement.
    Many of us have gone to a large bit of trouble to convert our sites to 'responsive' design and now Fotomoto will not support it. You clearly are living in a world that is no longer relevant.
    If you don't think I am correct just look at this page and shift the window left, simulating an iPad or iPhone:
    http://garyphotosgallery.com/greece-2...
    PITY.
    • Derek (Official Rep) April 16, 2013 16:52
      Hi Gary,

      Let me be more clear so you have the whole picture. Fotomoto designed the Buy Button code so you can make it work how you want...we just don't provide the CSS support, as there are endless possibilities for customization, and we simply don't have the bandwidth to support customization for all of our sellers...we provide the know-how and a few examples to get you started.

      That said, what you need to do here is decide how you want to display the Buy Button links, knowing that by default it's a long block of several text link elements. With a responsive design, for the view on a thin display (like an iPhone in portrait mode), you have options, for example, making the text smaller so it fits on one line, displaying the unordered list vertically, or even creating a menu button where the Buy links appear in a vertical list when clicked. The choice is up to you, and the code is fully-customizable so you can do things how you want. If you need help making the decision or implementing it, a web designer would be a great resource.

      Fotomoto is a great service that offers flexibility of presentation where most others don't - the tradeoff is of course that you take on some of the work to get things just the way you want them. Our product *definitely* works with responsive designs, but as above we don't tell you how to implement them. I think once you have a better understanding of what's possible with our service, you'll find that we are quite modern and "relevant" in our approach.

      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 happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned

  • Derek, first of all let me apologize for the 'snarky' remarks above. I know you all try your hardest and want everything to go good.
    Well, I tried the placement of the .FotomotoToolbarClass and IT WORKED.
    Fantastic. I don't know what was happening the other day but nothing I did seemed to make any change whatsoever.
    So thank you for your patience. Your support is appreciated.
    You can see the results of the changes I made; here:
    My only wish is to be able to place the eCard more carefully. I don't see that I can do that. Maybe you can help on this.
    http://garyphotosgallery.com/greece-2...
    Thank you, gary
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

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

  • Derek (Official Rep) April 17, 2013 04:33
    Hi Gary,

    No problem, and thank you for the apology.

    I cleaned up your CSS a bit and changed the width of the .FotomotoToolbarClass DIV to 270, which fits your design better and prevents the Buy Buttons line from wrapping at most window widths. Re-load the page in your browser and you should find it looks a bit better, but again, if you want things to look differently, you'll want to consult a designer, or perhaps learn a bit more about options for styling unordered lists with CSS. There are lots of articles on the web about this.

    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 happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned