—> HELP PLEASE! Widgetized Sidebar HTML not working properly…Suggestions??

  • Resolved thedrewmiller

    (@thedrewmiller)


    14 years, 11 months ago

    Currently on my blog I have a widgetized sidebar that I have included some simple html on. I am basically trying to embed an image into the sidebar.

    For some reason it wasn’t appearing properly in the sidebar with the default wordpress html widget…why I do not know. So… as a workaround I have installed the HTML Javascript plugin and have embedded that into the sidebar.

    Now the image is showing up correctly, but for some reason it is to be overflowing the edges of the sidebar container and just isn’t looking very professional. Here is my blog and the particular image i am referring to is under the “featured on” text : https://www.discountedluxuryliving.com.

    I am normally pretty proficient in dealing with html as this should be fairly simple, but I cannot wrap my mind around why this is not showing properly. I cannot help but think it has something to do with the theme I am using itself….although I may be wrong ??

    Here is the html I currently have in the HTML Javascript Widget :
    <img src=”https://discountedluxuryliving.com/Images/asseen_3.jpg”&gt;

    The <break> may not be necessary but for some reason they put it in there automatically. I have removed it to see if the results change but they do not…

    Here is php file for the sidebar:
    [Code moderated as per the Forum Rules. Please use the pastebin]

    —————————————————-
    If someone could help me it would be greatly appreciated, I am more than willing to provide any additional information you feel may help to solve this issue. Feel free to email me as well with a workaround at amilleraz at gmail dot com

    [Email address edited. Posting an email address will almost certainly result in a flood of spam.]

    Thanks in advance!

Viewing 4 replies - 1 through 4 (of 4 total)

  • a float:left; for images in the sidebar caused this behaviour:

    #sidebar img {
	float: left;
	border: none;
	margin: 5px 10px 0px 0px;
	padding: 0px;
	}

    however, this is needed for the ‘about us’ in the sidebar.

    for your ‘featured on’, you can overwrite it by adding this line to style.css of your theme:
    #sidebar .widget_add_html_javascript img {float:none;}

    Thread Starter thedrewmiller

    (@thedrewmiller)

    Thanks for the help! However, I do not know where I should add this is the Style.css as I try and stay away from that stuff unless I am editing the header…thats about as advanced as I get ??

    Here is my style.css, would you be so kind as to show me where I should implement this solution? Thanks in advance!

    [CSS moderated as per the Forum Rules. Please provide a link to your site or use the pastebin instead.]

    you can add it at the end of style.css

    (this new style is so specific that it would work if you add it anywhere to style.css, however, adding it at the end is the best, so you can remember that it is a new style; and you are less likely to ‘destroy’ other styles)

    Thread Starter thedrewmiller

    (@thedrewmiller)

    Thanks bud! Worked perfectly…not sure how, but you nailed it! Officially resolved

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘—> HELP PLEASE! Widgetized Sidebar HTML not working properly…Suggestions??’ is closed to new replies.