Html widget keeps adding line breaks

  • kasoares

    (@kasoares)


    6 years, 8 months ago

    Hi, folks.

    I am having a hard time with my widgets. It doesn’t matter if I use the text widget or the html widget, the problem is always the same: WordPress keeps adding paragraphs or line breaks between my images.

    This is what i’m trying to do:
    http://www.karensoarele.com.br/wp-content/uploads/2019/07/right.png

    This is what i’m getting:
    http://www.karensoarele.com.br/wp-content/uploads/2019/07/wrong.png

    This is the code I am using:
    <a href="https://www.facebook.com/karen.soarele"><img src="http://www.karensoarele.com.br/wp-content/uploads/2019/02/facebook-icon.png" alt="Facebook" /></a><a href="http://karensoarele.com.br/youtube"><img src="http://www.karensoarele.com.br/wp-content/uploads/2019/02/youtube-icon.png" alt="Youtube" /></a><a href="https://twitter.com/karensoarele"><img src="http://www.karensoarele.com.br/wp-content/uploads/2019/02/twitter-icon.png" alt="Twitter" /></a> <a href="https://www.instagram.com/karensoarele/"><img src="http://www.karensoarele.com.br/wp-content/uploads/2019/02/instagram-icon.png" alt="Instagram" /></a><a href="https://www.linkedin.com/in/karensoarele/"><img src="http://www.karensoarele.com.br/wp-content/uploads/2019/02/linkedin-icon.png" alt="LinkedIn" /></a><a href="https://www.skoob.com.br/autor/6399-karen-soarele"><img src="http://www.karensoarele.com.br/wp-content/uploads/2019/02/skoob-icon.png" alt="Skoob" /></a>

    Any ideas on how to solve this?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Joy

    (@joyously)

    6 years, 8 months ago

    It is not the widgets. And it is not WordPress.
    There is a CSS rule in wpfc-minified/adyzs.css that says
    img {display: block}
    If I disable that rule, the images look like you prefer.

    CrouchingBruin

    (@crouchingbruin)

    6 years, 8 months ago

    Yes, Joy is correct. To fix it, you can add the following rule to your custom CSS (Appearance → Customize → Additional CSS):

    .sidebar #text-29 img,
.sidebar #text-30 img {
   display: inline-block;
}

    By the way, I see two text widgets in the sidebar, one with links that work and the other with ones that don’t. The rule above includes selectors for both of those widgets.

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

The topic ‘Html widget keeps adding line breaks’ is closed to new replies.