[MeesterExecuteurs]

Dear all,

First of all, Steven, I’d like to compliment you on this great plugin! I’ve been experimenting with it and am facing a bit of a problem. The URL it concerns: http://www.meesterexecuteurs.nl/ledenlijst

I am using the Profile Entry Card template have entered all information with regard to the members. The text displayed is from the Bio Information section and the photo that is part of the profile is automatically added.

Everything looks fine at first glance, right? The mobile version of this webpage looks good as well. However, when I visit it on my tablet, the last few lines don’t display underneath each other; the last line is displayed underneath the photo. I thought I might fix this by using tables. The Bio Information section allows the use of HTML.

The problem, however, is that the photo is not part of that section. Therefore, the tables apply to the text only. Does anyone have any idea on how I can solve this? I’ve been playing around with the photo dimensions and adding ‘width=’1000” to [connections]. The last option solves the problem in part. However, when I view the webpage on my smartphone, the text boxes are way too large, because of them being static instead of relative, I imagine.

Main question: how can I have tables include application to the photo as well, so that I can place both within <td></td> tags?

Your help is much appreciated. Thanks!

• MeesterExecuteurs

[Steven Zahm]

@ MeesterExecuteurs

The only way to do this is to edit the template. Here’s a QuickTip that explains how to alter the core templates in an update safe way.

YOu’ll want to copy this templates folder to the plugins folder:

../wp-content/plugins/connections/templates/profile/

Then you want the edit the card function to the table layout your want.

Hope that helps!

[MeesterExecuteurs]

This reply has been marked as private.

[MeesterExecuteurs]

I accidentally marked the previous reply as private. Can you confirm that you received it? Thanks!

• MeesterExecuteurs

[Steven Zahm]

@ MeesterExecuteurs

Change this:

<div class="cn-entry" style="-moz-border-radius:4px; background-color:#FFFFFF; border:1px solid #E3E3E3; color: #000000; margin:8px 0px; padding:6px; position: relative;">

        <span style="float: <?php echo is_rtl() ? 'right' : 'left'; ?>; margin-right: 10px;"><?php $entry->getImage( array( 'preset' => 'profile' ) ); ?></span>

        <div style="margin-left: 10px;">
            <span style="font-size:larger;font-variant: small-caps"><strong><?php $entry->getNameBlock(); ?></strong></span>
            <div style="margin-bottom: 20px;">
                <?php $entry->getTitleBlock() ?>
                <?php $entry->getOrgUnitBlock(); ?>
            </div>
            <?php echo $entry->getBioBlock(); ?>
        </div>


    <div style="clear:both"></div>
</div>

to this:

<div class="cn-entry" style="-moz-border-radius:4px; background-color:#FFFFFF; border:1px solid #E3E3E3; color: #000000; margin:8px 0px; padding:6px; position: relative;">

    <table>
        <tr>
            <td><span><?php $entry->getImage( array( 'preset' => 'profile' ) ); ?></span></td>
            <td>
                <div style="margin-left: 10px;">
                    <span style="font-size:larger;font-variant: small-caps"><strong><?php $entry->getNameBlock(); ?></strong></span>
                    <div style="margin-bottom: 20px;">
                        <?php $entry->getTitleBlock() ?>
                        <?php $entry->getOrgUnitBlock(); ?>
                    </div>
                    <?php echo $entry->getBioBlock(); ?>
                </div>
            </td>
        </tr>
    </table>

</div>

I think that do what you want with tables.

[Author]

Posts