Ifram width is too small and cannot be changed

  • Resolved keengamer

    (@keengamer)


    5 years, 5 months ago

    Hello,

    could anybody help me why the embed iframe is not really a full width of the post content? On desktop it should be 780px but it’s just 600px. I was trying to change everything I though it would be possible but no luck. Still if the element is set up as 100% then I have no idea why it shows just 600px from 780px of the post body.

    Another option would be to set it to center but that is even more problematic. If I try to rewrite it in the console it’s immediately brought back it the previous values. I think the iframe is just wrongly set up somehow.

    Image: https://imgur.com/a/NYiTBqm

    Where can I fix it please?

    Thank you.

    K.

    • This topic was modified 5 years, 5 months ago by keengamer.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author miunosoft

    (@miunosoft)

    5 years, 5 months ago

    Hi,

    Indeed the plugin sets the default value of 600 to the iframe width attribute. You should be able to override it with CSS though.

    Can you try adding the following CSS rules via Dashboard -> Appearance -> Customize -> Additional CSS and see if it makes difference?

    
/* Amazon Auto Links - Fix width and alignment of oEmbed iframe */
iframe.wp-embedded-content.aal-embed {
    width: 100%;
    /* Center */
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
    • This reply was modified 5 years, 5 months ago by miunosoft.
    Thread Starter keengamer

    (@keengamer)

    5 years, 5 months ago

    Hello,

    thank you. Yes, this CSS helped.

    And one more issue we have. In the oEmbed settings we have both co.uk and com associates IDs added but if we put a link to co.uk in our article then it’s not working and it’s not visible. Only .com is working well…?

    Thank you!

    K.

    Plugin Author miunosoft

    (@miunosoft)

    5 years, 5 months ago

    Would you mind creating a new topic for a new issue as I’m going to mark this topic as resolved? This helps future forum visitors find their information.

    Thank you!

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

The topic ‘Ifram width is too small and cannot be changed’ is closed to new replies.