Page 1 of 1

FB plugin correct in the template

Posted: Tue Oct 31, 2017 9:39 pm
by roze
I've places a FB plugin in the template:

Code: Select all

</div>
    </div>
    <div id="content">
       <div class="content_in">
            <div id="locator"><?php echo $tx['locator']['text'];?><?php echo locator();?></div>
            <?php echo content();?>
            <?php echo submenu();?>
       </div>

<div class="fb-page" data-href="https://www.facebook.com/psvalkenswaard" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/psvalkenswaard" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/psvalkenswaard">Vocalgroup Perfect Sound</a></blockquote></div>

    </div>  


How can I align this block in the centre?
Screenshot-2017-10-31 Vocalgroup Perfect Sound Valkenswaard – Secretaris.jpg

http://www.perfectsound.org

Re: FB plugin correct in the template

Posted: Tue Oct 31, 2017 10:09 pm
by lck
Add to stylesheet.css

Code: Select all

.fb_iframe_widget {
    display: block;
    margin: 3em 0 1em;
    text-align: center;
}
Edit: See also https://cmsimpleforum.com/viewtopic.php?f=16&t=9840 and Facebook Page Plugin

Re: FB plugin correct in the template

Posted: Tue Oct 31, 2017 10:22 pm
by roze
Thanks Ick,

But I've placed it like this in the CSS:

Code: Select all

@charset "utf-8";
/* Responsive template "Responsive HTML" v3 2013-01-15 By Oldnema*/
*{padding:0;margin:0}
body{background:#fff;font:100% Arial}
a{color:#369}

.fb_iframe_widget {
    display: block;
    margin: 3em 0 1em;
    text-align: center;
}

#wrapper{max-width:1200px;margin:1em auto;background:#fff;padding: 10px;}
#header{padding:0;margin:0;border-top:5px solid 
with no result.............

Re: FB plugin correct in the template

Posted: Tue Oct 31, 2017 10:27 pm
by lck

Code: Select all

.fb_iframe_widget {
    display: block !important; /* try this */
    margin: 3em 0 1em;
    text-align: center;
} 

Re: FB plugin correct in the template

Posted: Tue Oct 31, 2017 10:39 pm
by roze
It works! thanks.