embedded image sizes ignored

  • Resolved mesmer7

    (@mesmer7)


    8 years, 10 months ago

    Images aren’t displaying at the proper size.

    I created a slider with four slides. All the slides use code similar to this: 

    <p><img class="alignleft" src="http://newdev.hypnoticdreams.com/wp-content/uploads/Manipulations.jpg" alt="" width="30%" height="30%" /></p>
<h2><strong>Femdom Erotic Hypnosis for Men</strong></h2>
<p>Listen to devious hypnodommes using covert hypnotic techniques to seduce you into an erotic trance and take control of your sexual arousal. Some MP3s will enhance your submissiveness with real-life dommes, others are purely for your entertainment.</p>

    In the slide editor, the slide looks perfect. The image is 30% of the slide and floats to the left of the text. However, when I put the slider on a page, the image takes up 100% of the page width, and the text is under the image.

    How do I fix this and make the slider display on the page the same way it displays in the slide editor?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter mesmer7

    (@mesmer7)

    8 years, 10 months ago

    On further testing, it turns out that the H2 element is preventing the text from floating to the right of the picture. Though I don’t know how to fix the problem without eliminating the element.

    Plugin Author simonpedge

    (@simonpedge)

    8 years, 10 months ago

    Try this:

    <p><img src="http://newdev.hypnoticdreams.com/wp-content/uploads/Manipulations.jpg" style="width:30% !important; height:30% !important;" alt="" /></p>

    • This reply was modified 8 years, 10 months ago by simonpedge.
    Plugin Author simonpedge

    (@simonpedge)

    8 years, 9 months ago

    I’m assuming that this code solved your issue.
    (I am marking this topic as resolved)

    Thread Starter mesmer7

    (@mesmer7)

    8 years, 9 months ago

    Sorry for not replying. Your solution did work. The problem was that the Slide Anything plug-in was inserting the wrong code. The plugin was inserting this:

    width="30%" height="30%"

    when it needed to be this:

    style="width:30% !important; height:30% !important;"

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

The topic ‘embedded image sizes ignored’ is closed to new replies.