Support » Themes and Templates » How do i center my HTML banner

  • THis is probably super simple but just cant work it out. On my site i have place a HTML banner, using the html code i was provided, but i want to center it on page and its currently allign to left and cant work out how to center it, please take a look at it on my site:

    http://www.magicalbox.co.uk

    I think i need to tweak the script but im not very confident with script. The script for my home pgae currently reads as followed:

    <script type=”text/javascript”>// <![CDATA[
    var bannersnack_embed = {“hash”:”bcpi4iijo”,”width”:900,”height”:360,”t”:1458560114,”userId”:23126406,”type”:”html5″};
    // ]]></script>
    <script src=”//cdn.bannersnack.com/iframe/embed.js” type=”text/javascript”></script>
    <p style=”text-align: center;”><span style=”text-decoration: underline;”>Popular Products</span></p>
    <p style=”text-align: center;”>[featured_products per_page=”4″ columns=”4″ orderby=”date” order=”ASC”]</p>

    Please help me

Viewing 1 replies (of 1 total)
  • Hello there!

    Try setting the width to 100% instead of 900, and then add this css to your child theme or custom CSS editor:

    #bs {
      margin: 0 auto;
    }

    This should improve the situation.

    – Maria Antonietta

Viewing 1 replies (of 1 total)
  • The topic ‘How do i center my HTML banner’ is closed to new replies.