[dominic loiacono]

Hi I would like to have text (bio or notes or even custom text) span under the image.

Basically I would like to have something similar to a two column, two row table with the second row spanning both columns. Name and social media etc on (row 1 column 1) , image floating right (row 1 column 2) and under these the bio and notes (row 2 columns 1 and 2).

Thanks

dom

[Steven Zahm]

@ dominic

I assume you you when viewing a single entry (the profile page) right???

Try this CSS:

#cn-circled .cn-entry-single .cn-list-row,
#cn-circled .cn-entry-single .cn-list-row-alternate {
    width: 100% !important
}
#cn-circled .cn-entry-single .cn-circled-thumb {
    position: relative !important;
}

I think I like this tweak, so I’ll be adding it to Circled.

[dominic loiacono]

yes it was the single profile page.

the code accomplished what I was asking, but now there is a huge space between the the the social media and notes.

What I believe is happening is that the notes are being forced below the image rather than wrapping around the image. I will send you a screen shot in a private message.

dom

[dominic loiacono]

This reply has been marked as private.

[Steven Zahm]

@ dominic

Try this:

#cn-circled .cn-entry-single .cn-left {
    float: none !important;
}

#cn-circled .cn-entry-single .cn-left h2,
#cn-circled .cn-entry-single h3,
#cn-circled .cn-entry-single h4 {
    clear: none !important;
    margin-top: 0 !important;
}

#cn-circled .cn-entry-single .cn-clear {
    clear: none !important;
}

[dominic loiacono]

Worked great. I just added more margin to the bottom of the image so text has more space around it.

#cn-circled .cn-right {  MARGIN-BOTTOM: 15PX; }

thanks again

Dom

[Steven Zahm]

@ dominic

No problem! I’ve added these display tweaks to the template too because it does look a bit better.

[Author]

Posts