Help with HTMLK widget or script please

  • Unknown's avatar
    andrewyabsley · Member ·

    I have this code widget , justpi helped me last time and i appreciated that.

    So,

    I have this widget … it is on my blog page so it can be seen not “test widget” page menu.

    It is placing the text way down from the bottom of the book cover , when I t should be placed right net to the image. Can someone possibly help me with this. I should be able to figure it out after having a little experience with the last widget , but this is quite different and help would be great !

    Andrew

    here is the code :

    —————————————————————————
    <div id=”goodreadsGiveawayWidget84414″>

    <!– Show static html as a placeholder in case js is not enabled –>

    .goodreadsGiveawayWidget { color: #555; font-family: georgia, serif; font-weight: normal; text-align: left; font-size: 14px; font-style: normal; background: white; } .goodreadsGiveawayWidget img { padding: 0 !important; margin: 0 !important; } .goodreadsGiveawayWidget a { padding: 0 !important; margin: 0; color: #660; text-decoration: none; } .goodreadsGiveawayWidget a:visted { color: #660; text-decoration: none; } .goodreadsGiveawayWidget a:hover { color: #660; text-decoration: underline !important; } .goodreadsGiveawayWidget p { margin: 0 0 .5em !important; padding: 0; } .goodreadsGiveawayWidgetEnterLink { display: block; width: 150px; margin: 10px auto 0 !important; padding: 0px 5px !important; text-align: center; line-height: 1.8em; color: #222; font-size: 14px; font-weight: bold; border: 1px solid #6A6454; border-radius: 5px; font-family:arial,verdana,helvetica,sans-serif; background-image:url(https://www.goodreads.com/images/layout/gr_button4.gif); background-repeat: repeat-x; background-color:#BBB596; outline: 0; white-space: nowrap; } .goodreadsGiveawayWidgetEnterLink:hover { background-image:url(https://www.goodreads.com/images/layout/gr_button4_hover.gif); color: black; text-decoration: none; cursor: pointer; }
    –></style>

    Goodreads Book Giveaway</h2>
    <div style=”float: left;”><img title=”The Truth About De Campo by Jennifer  Hayward” alt=”The Truth About De Campo by Jennifer  Hayward” src=”https://d202m5krfqbpi5.cloudfront.net/books/1389588552l/18812537.jpg” width=”100″ /></div>
    <div style=”margin: 0 0 0 110px !important; padding: 0 0 0 0 !important;”>
    <h3 style=”margin: 0; padding: 0; font-size: 16px; line-height: 20px; font-weight: normal; font-style: normal;”>The Truth About De Campo</h3>
    <h4 style=”margin: 0 0 10px; padding: 0; font-style: normal; font-weight: normal;”>by Jennifer Hayward</h4>
    <div class=”giveaway_details”>

    Giveaway ends March 30, 2014.

    See the giveaway details
    at Goodreads.

    </div>
    </div>
    <div style=”clear: both;”></div>
    Enter to win

    </div>
    </div>

    ——————————————————————————-

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    There is no blog content at http://andrewyabsley.wordpress.com/
    Exactly which blog URL starting with http:// are you referring to?

  • Unknown's avatar
    timethief · Member ·

    See your earlier thread at:
    https://en.forums.wordpress.com/topic/help-with-html-formatting-problem-in-wp?replies=6#post-1610898

  • Unknown's avatar
    timethief · Member ·

    Now I see the widget here > http://andrewyabsley.wordpress.com/20-2/

  • Unknown's avatar
    andrewyabsley · Member ·

    timethief,

    Now that you see the widget n my blog … is there anything you can suggest to help me ?

    Andrew

  • Unknown's avatar
    andrewyabsley · Member ·

    the actual web page is my sisters site, I am trying to help her and learn WP.

    I can do nothing until I get this widget worked out.

    thank you very much for responding atoll !

    Andrew

  • Unknown's avatar
    andrewyabsley · Member ·

    I sam using the Hero theme. The original web designer is out of the picture now so I cannot get the registration link for the Hero Theme Trust team to help me.

  • Unknown's avatar
    andrewyabsley · Member ·

    also,

    sorry for the several day delay … i am new to this forum and forgot to check the ‘notify me of followups’ box at the bottom of my post .. and was waiting like a fool for an email in my inbox …. errrr

    not to swift.

  • Unknown's avatar
    andrewyabsley · Member ·

    I have a solution to my problem. Thanks to timethief for responding, too bad I missed those posts as I said … for several days … until I realized I had forgotten to click ‘notify me of an replies” when posting the question. ugg.

    anyways , here is what solved the main problem with the widget … then I had to alter the size of the “enter” button to fit into the box properly.

    I was told to add this line of code to the “Custom CSS” section in WP:
    ==================================================

    .goodreadsGiveawayWidget img {
    position: absolute !important;
    }

    ==================================================

    then as i said, i had to alter ‘inline’ the code frag meant that set the button size for “enter” at the bottom.

    Thanks again guys,

    Andrew

  • Unknown's avatar
    timethief · Member ·

    Hi Andrew,
    I’m glad you worked this out. Thanks for sharing how you did it.

  • Unknown's avatar
    andrewyabsley · Member ·

    hey thanks ! I just wanted to be sure to leave the solution, it was even stumping the creators of the ‘hero’ theme … but they came up with this suggestion ( as all code it written different, sometimes not well )

    and then I had to finish the last step.
    thanks again for you response time thief.

    over & out, for now ;0 )

  • The topic ‘Help with HTMLK widget or script please’ is closed to new replies.