Forum Replies Created

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thanks.

    I have created a scouting website based on a WordPress theme. URL http://www.lydiatescouts.org.uk
    I use Category Posts Widget for my news posts, which are split into five categories (Beavers, Cubs, Scouts, Explorers and Group) depending on which sections the news concerns.
    I have each news category appearing in a single widgetised sidebar on all non-home pages, one on top of the other starting with Group News.
    Is it possible within the theme or the CPW to set the background of each of the widgetised areas to five different colours like this?

    Thread Starter mjjc

    (@mjjc)

    (updated after checking email notification box)

    Thread Starter mjjc

    (@mjjc)

    Sorry to go off-message, but thanks esmi for the reply. (dkotter just beat you to it).

    So, you’re from Lydiate? It’s a small world!

    Thread Starter mjjc

    (@mjjc)

    Thanks dkotter. Works fine now. My coding knowledge has plenty of room for improvement!

    Thread Starter mjjc

    (@mjjc)

    dkotter, thanks for the reply. I had partial success using your solution. The first part sorted out the top left corner of the header. However, the border is still obscured to the side of the images. I changed the code as below:
    First change:
    #logo {
    width:748px; (was 750px)
    padding:1px; (added)
    }

    The second and third changes didn’t change anything:
    I added the padding statements in header.php. Should I have removed the “float-right” and “float-left” statements? Are these forcing the images to overlap the border?

    <div style="float:right"; padding-right=”1px"; border-left="10px";><a href="http://www.merseysidescouts.com/"><img src="http://www.lydiatescouts.org.uk/wp-content/uploads/merseyside-black-yellow.png" alt="" width="70" height="110" /></a></div>
    <div style="float:right"; border-right="10px";><a href="http://www.altsidescouting.org.uk/"><img src="http://www.lydiatescouts.org.uk/wp-content/uploads/altside-black-yellow.png" alt="" width="70" height="110" /></a></div>
    <div style="float:right"; border-right="10px";><img src="http://www.lydiatescouts.org.uk/wp-content/uploads/group-black-yellow.png" alt="" width="67" height="110" /></div>
    <div style="float:left"; padding-left="1px"; border-left="50px";><img src="http://www.lydiatescouts.org.uk/wp-content/uploads/scouting-tagline-5.png" alt="" width="278" height="20" /></div>

    [Please post code snippets between backticks or use the code button.]

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