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

[Diversified Woman]

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.

 

[SoZo]

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

[Diversified Woman]

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 🙁

[SoZo]

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

[Diversified Woman]

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...

[AnitaC]

What is the URL to your website?

---

Need help with customization or troubleshooting? Reach out to me.

[SoZo]

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

[Diversified Woman]

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.

[Diversified Woman]

This reply has been marked as private.

[AnitaC]

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

---

Need help with customization or troubleshooting? Reach out to me.

[Diversified Woman]

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?

[AnitaC]

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%;
}

---

Need help with customization or troubleshooting? Reach out to me.

[Diversified Woman]

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!

[AnitaC]

Nah, not brilliant, but glad I could help.

---

Need help with customization or troubleshooting? Reach out to me.

[Author]

Posts