Primary Sidebar needs to accomodate 300 x 250 ads but it's not at present

Community Forums Forums Design Tips and Tricks Primary Sidebar needs to accomodate 300 x 250 ads but it's not at present

This topic is: resolved

This topic contains 13 replies, has 3 voices, and was last updated by  anitac 1 year, 6 months ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #15630

    Diversified Woman
    Participant
    Post count: 50

    In the primary sidebar area I wish to place a few banner ads which are 300W x 250L  as well as ad space for two columns of 125 x 125 ads. Right now the width is set to 270. When I changed that to 315 for example it didn’t do anything, nor made the space for the ads any bigger, although it did make the sidebar appear further down the page.

    However when I tried to add a 300 x 250 banner it does not fit without distortion. The Google adsense ad for example is definitely outside the boundary. It extends out on the right hand side and when I tried to widen the sidebar pixel-wise as I mentioned before, it then kicked the  primary sidebar area all the way down to the bottom of the page. How do I adjust this in the theme so that everything will fit? I realize I would have to make the area to the left of it, for the “actual posts” a bit narrower to accommodate the larger sidebar as well, and thats OK,  but not quite understanding where and what I need to enter in to make this all happen in my CSS. I have inserted even the 125 x 125 ads which should appear side by side and the are falling one below the other. Also the rectangle 300 x250 ads are not displaying to their correct size either. They should be much larger. I just need to know what settings to change in the code below so this all fits like its suppose to.

    I am assuming this is the code as as part of my child theme CSS  that I need to edit but not sure what I need to edit in this to make it work.

     

    #15633

    SoZo
    Moderator
    Post count: 1573

    If you widen the sidebar then you need to reduce the width of the #content accordingly or increase the widht of #content-sidebar-wrap and its container divs.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #15644

    Diversified Woman
    Participant
    Post count: 50

    I’m not sure how to do this.  Or what to adjust where. I can edit it myself I just need to know what exactly to change in the css I have provided below. Stumped …sorry :(

    #15652

    SoZo
    Moderator
    Post count: 1573

    There is a lot to change. I recommend installing the Firebug add on for Firefox or using Chrome’s Firebug Lite which will enable you to right click on any element to inspect it and determine the associated style rules or the selectors required to create new style rules.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #15692

    Diversified Woman
    Participant
    Post count: 50

    Hi SoZo when you say “allot” would have to be modified is it only the code areas in which I posted to above?

    I do have Firebug installed but that confused me a bit. I have used it occasionally but not being what you would consider a coding WP expert, while I can change something in the CSS etc, just not always sure what that change needs to be so I was really hoping someone would be so kind as to let me know what needs changed in the code provided above.  :(  

    Thanks…

    #15702

    anitac
    Participant
    Post count: 7031

    What is the URL to your website?


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #15708

    SoZo
    Moderator
    Post count: 1573

    Have you seen the visual markup guide? That will give you a blueprint of the structure.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #15772

    Diversified Woman
    Participant
    Post count: 50

    I took a look at that SoZo. This might help.

    Would I basically be looking at only modifying the CSS posted above, for the most part?

    If I can’t figure this out by later tonight I will go ahead and send you both the link to the blog portion of the website in a private reply.  :)

    I just don’t want to post it here for the sake of confidentiality.

    #15861

    Diversified Woman
    Participant
    Post count: 50
    This reply has been marked as private.
    #15871

    anitac
    Participant
    Post count: 7031

    Change the .sidebar width to 325px and then change the .content-sidebar #content to 65%.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #15876

    Diversified Woman
    Participant
    Post count: 50

    Hi Anitac. Take a look now. The sidebar area on the left is indeed wider now but still pushing the sidebar  down. :)

    What would you suggest next?

    #15878

    anitac
    Participant
    Post count: 7031

    You didn’t change the other one indicated to 65 %… change 70 to 65

    .content-sidebar #content {
    margin-bottom: 10px;
    padding-left: 14px;
    width: 70%;
    }


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #15880

    Diversified Woman
    Participant
    Post count: 50

    Ohhh LOL….had that turned around.

    I just presented it the way it should be and now magically ALL is in place! That google ad extends out a little (not sure why) but maybe this can’t be helped.

    Wow making two minor changes in the CSS code and it’s fixed!! You are brilliant Anita!

    #15949

    anitac
    Participant
    Post count: 7031

    Nah, not brilliant, but glad I could help.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

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

The topic ‘Primary Sidebar needs to accomodate 300 x 250 ads but it's not at present’ is closed to new replies.