Hello @davidsortof,
I see your embedded players (iFrames) are already rectangles (604×400). But, you can try this CSS as an example to make them smaller and more flatter rectangles.
.wp-block-embed-soundcloud iframe {
height: 200px; /* Originally 400 */
width: 400px; /* Originally 604 */
}
Got to Appearance > Customize > Additional CSS to add the CSS to your WordPress site.
Shout if you have any questions 😉
Cheers!
Mark
Hey, thanks Mark! I ended up using the embedpress plug-in, which lets me change the size, but I’ll try your code, since this would be sans plug-in.
-
This reply was modified 4 years, 8 months ago by
DavidSortOf.
Hi Mark, actually I do have a question:
I added this
.wp-block-embed-soundcloud iframe {
height: 100px;
margin-top: -17px;
margin-bottom: -17px;
}
Which works, in the preview pane, but after I Publish, only the height parameter takes effect. I tried shift-refreshing the browser but that didn’t work. Theme is Twenty Thirteen if that makes any difference. Thanks!
Update: I just randomly checked the page and the margin changes took effect. Very strange, but all set now; thanks again!
. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic
