Member Avatar for groogruxking40

Hey everyone..

If you look at my main page

www dot christiancouriernewspaper dot com / blogbase

where it says WELCOME TO CHRISTIAN COURIER E-PAPER...

I would like to install Twitter+Facebook icons where it says

Follow us following Him(TM) at

I put in the hyperlink and image in the description and what happens is it puts it underneath the box and the third column of the blog goes underneath the second column

any idea on how to insert those 2 icons without my 3rd column going anywhere??

Appreciate the help

  • 3 Contributors
  • 2 Replies
  • 86 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by Andrewharson

Dani AI

Generated

: the symptom you describe (icons dropping below the description box and the third column wrapping under the second) usually points to markup or float/width problems rather than WordPress itself. As suggested, confirm exactly where you pasted the link+image, and follow 's advice to open the editor in Text/HTML mode so you can see any extra tags WordPress may have injected.

Checklist and quick fixes you can apply immediately.

  • Inspect the rendered HTML with your browser inspector. Look for unwanted <p> or <br> wrappers around your <a><img>; Visual editors often add these and they can break a floated/inline layout.
  • Use minimal inline markup for the icons, for example:
<a href="https://twitter.com/YourHandle" target="_blank" rel="noopener noreferrer">
  <img src="/wp-content/uploads/icons/twitter.png" alt="Twitter" style="display:inline-block;vertical-align:middle;border:0;width:24px;height:24px">
</a>
  • If the theme uses floats for the three columns, ensure the column container clears floats. Simple CSS fixes:
.widget { overflow: hidden; }
.clearfix:after { content: ""; display: table; clear: both; }
  • Check widths: make sure the sum of column widths plus margins/padding does not exceed the wrapper width. Temporarily add outline:1px solid red to columns to spot overflow.

Notes: edit the markup in Text mode (not Visual), add CSS in Appearance > Customize > Additional CSS or a child theme, and clear any caching when testing.

Recommended Answers

All 2 Replies

Member Avatar for 2ndmiltia

Where specifically did you put the link and image? Between which codes?

Member Avatar for Andrewharson

Check the edit page with the code.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.