second sidebar created, alignment issue

  • Resolved Johnny Bravo

    (@herbiehysteria)


    14 years, 10 months ago

    hi
    ive just created a second sidebar and styled it with CSS, 93px wide, grey column. i have then used the ‘include’ tag in page.php to show on my pages and index.php to show on my posts. i have re-styled the page divs and made them narrower to accomodate the new sidebar. it appears perfect on my pages.

    however, in my archives page, and posts which hav an additional ‘date’ graphic on the top left, the sidebar is mis-aligned:
    https://www.artbyherbie.com/wptest/?page_id=521

    the sidebar is positioned slightly to the left of where it should be. it is also overlapping the post content. this is a CSS problem but i have tweaked with widths etc to no avail.

    i am using firebug to identify the css but im confused with the many divs in my theme.
    thanks in advance
    HH

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter Johnny Bravo

    (@herbiehysteria)

    anyone?

    Try making the width of #content 550px and the width of div.post_content 450px.

    Thread Starter Johnny Bravo

    (@herbiehysteria)

    alaetra, thanks for the reply
    have i look, ive just done what u suggested, it works fine and the sidebar fits perfectly now in ‘articles’

    however, the sidebar on all my 15 PAGES has now moved, to the exact same spot it was misplaced in ‘articles’.

    lol, i got excited when i saw ur suggestion working, until i clicked on one of my pages..

    HH

    my immediate thought process would be to change div id=content and div class=post_content on one of the templates to div id=content2 and div class=post_content2

    add in #content2 and div.post_content2 to your stylesheet, copying all the css from the originals, except having the widths that work for each situation set appropriately

    probably a better way to do it…but that’s usually how I go about things!

    Now change the width of #content-page to be 500px and the width of div.post-page to be 500px.

    Thread Starter Johnny Bravo

    (@herbiehysteria)

    u spoke too late guys, ive sorted it – heres what i did:

    1) aleatra’s first 2 suggestions – worked great for posts.
    2) changed .post_page to 550px
    3) changed #content-page to 500px

    its done, im so grateful to u peeps, this new sidebar has eliminated 40 validation errors, given me the space EXACTLY how i had it before, got rid of huge amounts of excess code (now i only copy the content markup, a snippet compared to all the CSS and divs i had before, mainly mal-practice) amongst other things

    thank u so so much, i WILL stay in touch, im on here on a daily basis recently! ??
    Herbie H

    sure…hang around! Maybe you can offer some advice from what you’ve learned to WP-newcomers!

    Thread Starter Johnny Bravo

    (@herbiehysteria)

    defo RV, done deal – ive been using these forums for about 3 months starting from scratch and the learning curve has been steep! ive learned that patience and politeness gets u the answers u need. its great

    if ur on facebook or linkedin, add me herbie hysteria. ??
    HH

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘second sidebar created, alignment issue’ is closed to new replies.