Lining up widgets

  • tbk

    #4956

    Hi

    Thanks for all your help so far. I have another question:

    I would like to put some of my ads and maybe other widgets side-by-side. How do I do that?

    Regards,

    Teresa.

    Josh

    #30050

    What do you mean side by side?

    You can divide the content area of a widget by using divs. Something like this in the content section of a widget:

    <div style="width:100%;">
    <div style="float:left;width:45%;">Left content</div>
    <div style="float:right;width: 45%;">Right content</div>
    <div style="clear:both;"></div>
    </div>

    tbk

    #30051

    Hi Josh

    That has worked a bit. I had to leave out the phrases left content and right content. The widgets are now in the same box but going vertical down the page. I want them horizontal so they are sitting side-by-side. Do you know how I can do that?

    Thanks for all your help!

    Josh

    #30052

    What do you mean? You want like blocks? Like ad spaces or something?

    You can control the height by using css. Something like height:100px;.

    Mod

    Kenneth John Odle

    #30053

    You can do this, but it depends on where you want to do it. You can add widgets to the footer widget area, and control the number of columns by going to Graphene Options >> Display Options >> Footer Widget Display Options.

    You can add widgets elsewhere by using Graphene action hook widget areas, but it will require you to write CSS to control their placement and appearance. See what I have here: http://test.kjodle.net/blog/ just below the navigation bar and above the main content area.

    tbk

    #30054

    Hi.

    Thanks for your help. I ‘googled’ it and, having tried a couple of ways and getting frustrated at times (since I’m not technically-minded), I eventually found out how to do what I wanted. I probably didn’t explain myself well but basically I wanted to have two adverts side-by-side to maximise the space on my website. The code I used is:

    <img alt="" src="Image URL here" /> <img alt="" src="Image URL here" >

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

You must be logged in to reply to this topic.