WordPress.org

Ready to get started?Download WordPress

Forums

Change theme sidebar size (14 posts)

  1. addictedtobeauty
    Member
    Posted 1 year ago #

    Hi

    I want to change my theme sidebar

    http://www.almostzara.com so the ads fit better, and cant work out how to.

    Please help

    Thanks
    Z

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Before you do anything, you need to remove all the code that is above the DOCTYPE in your header.php file. That causes serious problems especially for IE.

    Then you'll need to modify the CSS code -- do you have a custom CSS plug-in or child theme set up?

    What theme are you using?

  3. noahjonah
    Member
    Posted 1 year ago #

    Good eyes WPyogi.

  4. addictedtobeauty
    Member
    Posted 1 year ago #

    Hi

    Thanks for the feedback. the stuff above the dotype in my header file is part of an ad stuff i run with an agency so i cant remove it.

    With the CSS code, I dont have a custom plugin or child theme, Im using the DeskMess theme 1.4, what do you suggest I do?

    Thanks, Z

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    ??? Are you saying the agency requires it above the doctype?

  6. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    part of an ad stuff i run with an agency so i cant remove it.

    not remove - just move
    - to somewhere after the DOCTYPE and before the </head> tag

  7. martinjharvey
    Member
    Posted 1 year ago #

    Edit style.css. Look for #main-blog and #sidebar css rules and edit the widths of these. What you add to the width of #sidebar must be subtracted from the width of #main-blog otherwise the sidebar will be forced below the main blog area.

  8. addictedtobeauty
    Member
    Posted 1 year ago #

    Hi, Thanks I'll try moving it around., With the sidebar CSS, I did try changing the widths and my site went all strange, with the categories going right to the bottom. Know i wasn't getting the numbers just right, but not sure what shopuld change them to to avoid weird stuff.

    Cheers
    Zara

  9. martinjharvey
    Member
    Posted 1 year ago #

    If you make the width of #sidebar 100px wider then make the width of #main-blog 100px narrower.

  10. addictedtobeauty
    Member
    Posted 1 year ago #

    Hi I chANGED sidebar width from 305 to 405 and changed main blog from 580-480px and it still looks odd- the ad now is 'in' the sidebar, but I maybe need to change the background graphic?

    Have now changed it back temporarily.

    Thanks

  11. addictedtobeauty
    Member
    Posted 1 year ago #

    Also, is there a way to make the sidebar wider AND keep blog to same dimensions?

  12. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    The existing background image is not going to work well for a wider sidebar - unless you actually modify the images to make them wider -- there are three separate background images -- the top and bottom ones have the "tape" and the middle is plain but all three are only 305px wide.

    You could consider getting rid of the background image in the sidebar if you don't want to fuss with the images.

  13. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    re: your last post, you'd need to make the entire page wider -- yes, it's possible but not always simple to make the CSS work right on all pages.

  14. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    your theme's layout is based heavily on background graphics; for any changes to the width of the sidebar and the whole theme, you will need to 'photoshop' those background images.

    general, there are quite a few width values in style.css in the region of 900 + pixels - you might need to increase all of those to widen the site.

    however, imho, it is beyond the scope of this forum to explain all those little formatting steps.

    for this kind of pure formatting procedure, you might better ask at a css forum http://csscreator.com/forum

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.