• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to add Widget Area into Post and Make Primary sidebar wider

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to add Widget Area into Post and Make Primary sidebar wider

This topic is: not resolved

Tagged: ad unit, primary sidebar, widget area

  • This topic has 4 replies, 4 voices, and was last updated 12 years, 4 months ago by tjd.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 28, 2012 at 11:57 pm #8091
    adw
    Member

    I have the Studiopress Eleven40 theme with Genesis framework and i had a few questions on how to make some changes for the layout. 
    1) How do i make the Primary SIdebar more wider? (Sidebar on the right) because right now i can only fit a 250 by 250 ad there (square ad), but i want to make it wide enough to place a 300x250 or a 336x280 ad.
    2) How do i insert a widget area into my post. Kind of like having a picture in a post with text wrapped around it. I want to create a widget area for the top right corner for each post page so i can add a 300x250 or 336x280 ad there. You can use this link to see an example of what i mean http://www.realcartips.com/news/0775-best-lease-under-200.shtml (not my website but that is the kind of placement i want for post right corner)
     

    December 29, 2012 at 11:24 am #8178
    Riavon
    Member

    At around line 1060 in your style.css change the .sidebar width: 250px to width:300px; (see below)

    .sidebar {
        display: inline;
        float: right;
        font-size: 14px;
        padding: 25px 0 0;
        width: 300px;
    } 

    To answer your 2nd question, perhaps this excellent step by step tutorial from Nick will help you achieve the results you're looking for.


    Twitter: @riavonentprises

    December 30, 2012 at 11:23 pm #8532
    tjd
    Member

    Hello Riavon, I noticed your suggestion re: line 1060, and I was wondering if there's a quik method of locating a specific line #? Newly working with a Genesis and Legacy and a line locator would be handy. Thanx.

    December 31, 2012 at 2:27 am #8543
    AnitaC
    Keymaster

    @tjd I use Notepad++ (http://notepad-plus-plus.org/download/v6.2.3.html). You open up Notepad++, then copy the CSS from your site and paste it in there and then you can see all the lines of code. At least this is now I do it. Then once I locate the line, I can either make the changes right in the sites CSS or if I make a lot of changes - I do it in Notepad++ and copy/paste back to the site.


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

    January 1, 2013 at 4:11 am #8695
    tjd
    Member

    Hi,

    I checked out Notepad++ and found it's not yet ready for mac. But the basic idea is sound and I'll use it with my Text Edit file or Pages. Clever idea.

    Thanx for your advice.

    Happy New Year,

    Tom

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble