FB plugin correct in the template

About the template and stylesheet - and changing the menu
Post Reply
roze
Posts: 230
Joined: Tue Jun 03, 2008 7:13 am
Location: NL
Contact:

FB plugin correct in the template

Post by roze » Tue Oct 31, 2017 9:39 pm

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
You do not have the required permissions to view the files attached to this post.
Rob Zeijen,

Valkenswaard (NL)

lck
Posts: 1976
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: FB plugin correct in the template

Post by lck » Tue Oct 31, 2017 10:09 pm

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
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

roze
Posts: 230
Joined: Tue Jun 03, 2008 7:13 am
Location: NL
Contact:

Re: FB plugin correct in the template

Post by roze » Tue Oct 31, 2017 10:22 pm

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.............
Rob Zeijen,

Valkenswaard (NL)

lck
Posts: 1976
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: FB plugin correct in the template

Post by lck » Tue Oct 31, 2017 10:27 pm

Code: Select all

.fb_iframe_widget {
    display: block !important; /* try this */
    margin: 3em 0 1em;
    text-align: center;
} 
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

roze
Posts: 230
Joined: Tue Jun 03, 2008 7:13 am
Location: NL
Contact:

Re: FB plugin correct in the template

Post by roze » Tue Oct 31, 2017 10:39 pm

It works! thanks.
Rob Zeijen,

Valkenswaard (NL)

Post Reply