• Resolved brandonmarshphoto

    (@brandonmarshphoto)


    Can someone help me with extending the overall width of the sidebar to 300px. I have completed many searches on this subject and have been unable to find any resources to explain this. I played around with the code a bit but I am not entirely familiar with CSS. Can this be done? My website is http://www.brandonmarshphoto.com/blog as you can see the ads are slightly cut off so I am assuming it is just under 300px.

Viewing 8 replies - 1 through 8 (of 8 total)
  • It can be done. This theme uses a grid system with 16 columns totaling to a width of 960px. Currently the content area is 640px and the sidebar is 280px (the other 40px are margins). What you need to do is expand the sidebar and reduce the content area the same amount.

    You can add the following code in a custom css plugin:

    .container_16 .grid_11 {
       width: 620px;
    }
    
    .container_16 .grid_5 {
       width: 300px;
    }

    Cheers!

    Thread Starter brandonmarshphoto

    (@brandonmarshphoto)

    Thank you, unfortunately, the code didn’t work. I tried it out, but the ads in the sidebar are still cut off on the right hand side. I installed custom css plug in and inserted the code. Am I missing a step?

    I’m not sure this is a styling issue. I’m not seeing any ads in the sidebar but I can see the Adsense code and it appears to look ok to me. How long has it been since you applied for an Adsense account? Ads will not immediately appear. They have an approval process that could take a number of days.

    Thread Starter brandonmarshphoto

    (@brandonmarshphoto)

    I was recently approved for adsense. I can see the ads when I am not logged in as well as when I am logged in. They ads appear to be cut off and a few other people have said they have seen the ads on the side bar although they never mentioned anything was cut off. I did insert that code last night and left it active to see if it was just a delay in updating. Not sure what to do. Any recommendations? if you’d rather converse via email my contact is [Redacted] Thanks for your help though.

    Thread Starter brandonmarshphoto

    (@brandonmarshphoto)

    I should note as well that it does look like the code is updated because if I try and highlight the side bar it shows that it is probably 20px larger then it previously was. So I guess the code did work fine I am just not sure why I am seeing the ads display this way.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sorry @brandonmarshphoto, I know you’d prefer if you continued this conversation privately but you did enter these forums under the condition that support should be provided in a public manner – WordPress.org forums are publicly facing. It’s also only fair to the people helping out that they aren’t taken advantage of.

    WordPress.org forums can’t deal with the expectation of commercial support, i.e. paying someone for one-on-one support, and so in this instance I recommend you seek for help on WP Jobs: http://jobs.wordpress.net .

    Otherwise please keep all support within these forums.

    Hey Brandon, sorry, I had Ad Blocker turned on. Add this code to your custom css (in addition to what was already added):

    #sidebar .widget {
       width:300px;
     }
     #sidebar {
       padding-left:0;
     }
    Thread Starter brandonmarshphoto

    (@brandonmarshphoto)

    Great! thanks for your assistance all is working fine now.

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

The topic ‘Extending Side Bar Width’ is closed to new replies.