THE Group for Authors! discussion

I want to put the Giveaway widget on my Wordpress site, but it does not appear the same as on Goodreads. The text that is supposed to appear to the right of the book cover appears below and to the right of the book cover.

I tried to manually fix the CSS, then tried a different approach with the HTML. Then I discovered the widget javascript overwrites my changes and always displays the original HTML/CSS. Is there any way to fix this?

Andrew wrote: "I want to put the Giveaway widget on my Wordpress site, but it does not appear the same as on Goodreads. The text that is supposed to appear to the right of the book cover appears below and to the ..."

I had the same issue with mine - even when I copied the widget directly into the HTML side, it formatted all funky, with extra spaces and the lowered side text that you're describing. I don't recall exactly how I fixed the spacing - think I just found the extras on the HTML side and deleted them - but I had a heck of a time figuring out how to fix the text (especially since I know next to nothing about HTML). Finally I copied this line from in front of the image and pasted it into the area just in front of the book title:

Andrew wrote: "I want to put the Giveaway widget on my Wordpress site, but it does not appear the same as on Goodreads. The text that is supposed to appear to the right of the book cover appears below and to the ..."

I guess Goodreads doesn't like that HTML! It's the line that reads "div style equals float: left;"

Yes, and I tried a few suggestions I found floating around on the web on how to fix it, but it doesn't do any good if the widget HTML is overwritten when displayed. I guess I won't use the widget.

Andrew wrote: "Yes, and I tried a few suggestions I found floating around on the web on how to fix it, but it doesn't do any good if the widget HTML is overwritten when displayed. I guess I won't use the widget."

Are you trying to add this into your sidebar? If you are, I have one more suggestion - instead of adding the HTML into the widget directly, try copying it into a dummy post, fixing the layout there, and then copying the adjusted code into the proper widget spot. It won't be able to overwrite it if it doesn't know what the original was. That's worked for me before when Wordpress was being difficult.

The code is being overwritten due to the script tag at the end of the widget. I can remove the script and end with a static widget. There will be no updated display of how many days remaining or number of people who have requested. I think this would be the same effect as your suggestion.

Right now I'm using the widget in a blog post.