How to add a column outside of the container that is shown on the right side of it?

  • qmikali

    #7614

    Hi

    Thanks for a great theme.

    I want to add an extra column next to the container, with ads, that is shown on the right side of it.

    I have defined a top-wrapper for that then goes round the container and the ads column.

    .wrap-all {
    margin: 0 auto 20px;
    width: 1220px;
    position: relative;
    }

    .right_banners {
    width: 260px;
    position: absolute;
    right: 0;
    top: 10px;
    }

    But now matter what I do the ads is always placed below the container. In Chromes webtools it says that right_banners is 1220px wide, even though I define it as 260px. Which would explain why it is placed below, but I don’t know how to make it right.

    You can see it live at http://www.katt.nu

    I could have a three column layout and use one for ads, but it looks better to have the ads outside of the container.

    Thanks for any help. And if I can make this work I will buy the mobile theme.

    qmikali

    #38770

    Hi

    I got some help from a friend.

    What solved it was to remove

    margin-left: auto
    margin-right: auto

    from container class and add

    float:left

    Also added

    margin-right: 10px

    to get some margin.

    I hope this could help someone else in the future.

    Prasanna SP

    #38773

    Put code in between backtick (

    Code:
    `

    ) characters. It’s usually located above the Tab key on your keyboard.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.