Wrapping text around an image in Cornerstone

[dlmorey]

https://dickenscarolers.ca/temp/

I’ve tried several solutions in the forum to solve this problem, so far without success. I’m simply trying to wrap text around an image in the same column. I want to float the image right, then adjust the margins and font parameters, preferably within the the Cornerstone GUI.

Please tell me how to do this.

Thanks very much!

This is the content of my custom global CSS, in case you can spot a conflict there:

@media (min-width: 980px) {
.x-navbar {
position: fixed;
width: 100%;
top: 0;
background-color: rgba(18, 10, 39, .9) !important;
box-shadow: none;
border-bottom: none;
}
.x-colophon.bottom {
background-color:rgb(16, 38, 66);
}
.x-colophon.bottom .x-nav li a {
color: #999999;
font-size: 14px;
text-decoration: none;
}
.x-colophon.bottom .x-colophon-content a {
color: #999999;
font-size: 10px;
text-decoration: none;
}
.x-colophon.bottom a span:hover, .x-colophon.bottom a:hover {
color: white !important;

}
.x-colophon.bottom a {
padding: 20px 0px 20px 0px !important;
}
.admin-bar .x-navbar {
top: 32px;
}
.x-colophon.bottom {
padding: 0 !important;
}
@media (max-width: 979px) {
.x-main.full {
margin-top: 90px;
}
@media(max-width:1170px) {
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
padding-left: 15px;
padding-right: 15px;
}

.x-brand img {
width:220px;
}
}

[jade]

Hi there,

You can actually place the image and text together in a text element instead of separating them in two elements and adding custom CSS.

You can do so by going on Rich Text mode of the text editor of the text element then insert the image from there. You can then set the image to be aligned left and the text will wrap around it.

But please note that by doing so, you will have less control of the image. If you wan’t to change the size of the image, you can click on </> to switch to HTML mode and change the height and width in the <img> code to your preferred size.

Hope this helps.

[dlmorey]

That is SOOO helpful.

Thanks!!

[jade]

You’re most welcome.