Twenty Ten Widget – Image/Link

  • Resolved remembertofloss

    (@remembertofloss)


    14 years ago

    So I’ve been slowly changing up the CSS in a Child Theme for Twenty Ten… When I add a picture with a link in the Text widget it for some reason runs down into the other two widgets I have below. Any ideas?

    If I move the text box below the other widgets it’s fine, but I want it to be on top.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Michael

    (@alchymyth)

    could be a css issue –

    link to your site (showing the problem)?

    Thread Starter remembertofloss

    (@remembertofloss)

    forgot about the link, apologies.

    https://www.wastedonsteak.com

    Michael

    (@alchymyth)

    i see no problems – apart from your main header image not showing (IE7 and FF3.6)

    the facebook and twitter images behave nicely.

    try to clear the browser cache by pressing ‘ctrl’ and ‘f5’ at the same time.

    Thread Starter remembertofloss

    (@remembertofloss)

    Yeah, the Facebook & Twitter icons are the images with the links. For some reason the Twitter link goes down into the About widget and Archives.

    Michael

    (@alchymyth)

    i edted my last reply:

    the images are aligned side-by-side.

    try to press the ‘reload’ button on the browser;

    btw:
    which browser are you using?

    Thread Starter remembertofloss

    (@remembertofloss)

    Using Chrome; But I also checked in Safari and it’s the same thing unfortunately.

    Michael

    (@alchymyth)

    showing ok in chrome9.0 and safari5.0.3 (windowsPC)

    maybe caused by one of the validation errors:

    https://validator.w3.org/check?uri=http%3A%2F%2Fwww.wastedonsteak.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    one of the errors is, that both links are not closed in your textwidget:

    <a href="https://www.facebook.com/wastedonsteak"><img src="https://www.wastedonsteak.com/wp-content/themes/wastedonsteak/images/facebook-small.png"/><a href="https://www.twitter.com/wastedonsteak"><img src="https://www.wastedonsteak.com/wp-content/themes/wastedonsteak/images/twitter-small.png"/>

    should be:

    <a href="https://www.facebook.com/wastedonsteak"><img src="https://www.wastedonsteak.com/wp-content/themes/wastedonsteak/images/facebook-small.png"/></a><a href="https://www.twitter.com/wastedonsteak"><img src="https://www.wastedonsteak.com/wp-content/themes/wastedonsteak/images/twitter-small.png"/></a>

    Thread Starter remembertofloss

    (@remembertofloss)

    Thank you, kindly. That did the trick. If I may ask one more question… How might I add a solid line ABOVE my posts. I figured out how to do it below, but not above!

    Michael

    (@alchymyth)

    find this style in style.css of your (child) theme:

    .hentry {
	margin: 0 0 48px 0;
}

    add the border and optional some padding:

    .hentry {
	margin: 0 0 48px 0;
border-top: 1px solid #000;
padding-top: 10px;
}
    Thread Starter remembertofloss

    (@remembertofloss)

    Fantastic! I really appreciate the help. Thank you.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Twenty Ten Widget – Image/Link’ is closed to new replies.