WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [Expound Theme] How can I change the sidebar size? (11 posts)

  1. shootingtime
    Member
    Posted 9 months ago #

    I am attempting to insert my Adsense codes into my website but my 728x90 ads extend into my right sidebar. Can someone please advise me where to edit my expound theme's files please? Either make the sidebar narrower or main content wider.

    An example of this occurence at my website can be found at http://shootingtime.com/new/adding-compound-bow-accessories/how-to-install-an-arrow-rest/

    Thanks!!

  2. be.creative
    Member
    Posted 9 months ago #

    there are a few options.

    You can adjust the side bar by adjusting the width:
    #secondary {
    width: 242px;
    }

    or
    .site-content article {
    padding-left: 20px;
    }

    will shift things left a bit.

    Hope that helps! can you make your ads 700px? that may be even easier :)

  3. shootingtime
    Member
    Posted 9 months ago #

    What files are those located in? Thx a ton

  4. be.creative
    Member
    Posted 9 months ago #

    you need to edit the css in your child theme? I should have asked. You did make a child theme to make any edits to your site correct?

  5. shootingtime
    Member
    Posted 9 months ago #

    I read the articles from the links you provided and now understand child themes. In my child theme I have to have the same file that the parent theme uses to set the width so I can override it though right?

    Thx

  6. shootingtime
    Member
    Posted 9 months ago #

    I made a child theme but can not find where be.creative's codes suggestion can be found... I know to make a duplicate file in my child theme and upload but need more info!!!!

  7. shootingtime
    Member
    Posted 9 months ago #

    found it... thanks guys

  8. shootingtime
    Member
    Posted 9 months ago #

    I made my own expound.css file in my child theme folder...

    I added 40 pixels to this:
    #primary {
    float: left;
    width: 780px;
    margin-right: 10px;

    and subtracted 40 pixels from this:
    #secondary {
    float: right;
    width: 220px;
    margin-left: 10px;

    I uploaded the expound.css to my child theme folder and no changes..

    any suggestions?
    thx

  9. be.creative
    Member
    Posted 9 months ago #

    Sorry for the delay shootingtime. Family time!

    style.css is the name of the file you need to make and include with your child theme. If it's named the same it will replace any changes from the parent theme as it is read last.

    #primary {
    width: 780px;
    margin-right: 10px;
    }
    
    #secondary {
    float: right;
    width: 220px;
    margin-left: 10px;
    }

    you needed the closing bracket at the end, and you should be good to go!

    If you didn't make any changes to the float or the margin, you can remove those elements as they are read from the original css.

    Hope this helps! Keep me posted :)

  10. shootingtime
    Member
    Posted 9 months ago #

    Hey be.creative, that did it!!!!

    Originally I made an expound.css sheet in my child theme because it is the only original css (expound theme) that had anything resembling setting widths...

    example in the expound.css:

    #primary {
    float: left;
    width: 720px;
    margin-right: 10px;

    I duplicated the expound.css file, edited the widths of the content and sidebar, and uploaded to my child theme.... that of course didn't work.

    After reading your last post, I just put the code at the bottom of my style.css in my child theme, emptied my browser's cache, and checked out my webpage with the ad and it worked!!

    Its tough not being fluent in php and trying to make such changes. Thank you very much for your support. Do you have any php reference materials that you would suggest? I am one for learning :)

  11. be.creative
    Member
    Posted 8 months ago #

    Glad that worked! Those are css changes that you made, not php :)

    I'm one for learning too! The web is your playground! I do a lot of googling when I'm stuck, see if anyone else is having the same issue, git-hub and stack exchange are great resources, along with the wordpress.org & codex of course. I save interesting articles, code, etc in evernote so I have access to it anywhere/anytime. Learnable has some great books/training options as well as Treehouse. Though, sometimes, it's information overload!

    Just keep plugging along, it all fits together like legos. Enjoy!

Reply

You must log in to post.

About this Topic