Support » Themes and Templates » How to add side banners for webpage

Viewing 4 replies - 1 through 4 (of 4 total)
  • WPyogi


    Forum Moderator

    These forums are for self-hosted WordPress sites only. That does not appear to be a WordPress site.

    adding fixed html containers outside the boundaries of a theme is a pure html excercise (not much to do with WordPress).
    keyword: css positioning

    if you would like to get any suggestions, please post a link to your own site to illustrate where you want the banners.

    the above link was for example.
    my site is

    possibly add the divs for the banners just after <div id="header"> into header.php of your theme;

    <div class="banner-left">whatever code for left banner</div>
    <div class="banner-right">whatever code for right banner</div>

    necessary css:

    #header { position: relative; }
    #outer-wrapper { padding-left: 160px; padding-right: 160px; }
    .banner-left, .banner-right {
    position: absolute; top: 175px;
    width: 150px; min-height: 400px;
    background: #eee; }
    .banner-left { left: -160px;  }
    .banner-right { right: -160px; }

    imho, extra banners will only deter users with a normal browser screen size –

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to add side banners for webpage’ is closed to new replies.