Change sidebar width eleven40

Community Forums Forums Design Tips and Tricks Change sidebar width eleven40

This topic is: not resolved

This topic contains 14 replies, has 3 voices, and was last updated by  tekkentim 9 months, 2 weeks ago.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #55968

    tekkentim
    Participant
    Post count: 38

    Hi everyone,

    I tried the search, and googled for a solution without succes..

    I’m using adsense, and want to use a 300 x 250 ad block in a widget, but the sidebar needs a bit more space. How can i adjust the width of the sidebar on the left?

    Thanks in advance !

    #56008

    Terry
    Participant
    Post count: 75

    Please post a link to your site.


    Customizing Genesis Child Themes @ MaroonTech

    #56050

    tekkentim
    Participant
    Post count: 38

    Hi Terry,

    I’m using Eleven40 for a lot of sites.. one of them is Dumbell Oefeningen

    Thx again for helping !

    • This reply was modified 1 year ago by  tekkentim.
    • This reply was modified 1 year ago by  tekkentim.
    #56074

    Terry
    Participant
    Post count: 75

    To make this change requires editing your site’s style.css file.

    You’ll want to edit the style.css to change the width of the sidebar but you’ll also have to decrease the width of your content.

    Say you want to increase the width of the sidebar to 320px (and decrease the content by the amount of the increase)…

    around line 1096 you’ll see
    [code]
    .sidebar {
    width: 250px: => change 250 to 320
    }
    [/code]

    around line 575 you’ll see
    [code]
    .sidebar-content #content {
    width: 810px; => change 810 to 740
    }
    [/code]

    Note that the change may impact your media queries( and responsiveness), so you may want to see how they’re impacted.
    Lastly, you may need to change any margins or padding to align your content within the new resized widgets.

    Hope this helps!


    Customizing Genesis Child Themes @ MaroonTech

    #56153

    tekkentim
    Participant
    Post count: 38

    It worked ! Thanks so much ;-)

    #56155

    Terry
    Participant
    Post count: 75

    Perfect!


    Customizing Genesis Child Themes @ MaroonTech

    #56174

    Annaka
    Participant
    Post count: 4

    Dear Terry. Since you have been so kind as to point out where/how to do this on on the Eleven40 theme, could you possibly assist in pointing out what lines of code to change on the Luscious theme to accomplish the same thing? The site is WhoWasVotedOff.com and as you can see, the right column needs tweaking to fit the most popular and profitable adsense square ad at 300 by 250.

    Also, I would kindly love to know where/how to reduce that white margin on both sides of the column/content/column area as I would rather put that extra space into the center content area once the right column size is increased. I’m afraid I’m a bit of a CSS newbie, but I am working at it!

    #56175

    Terry
    Participant
    Post count: 75

    Annaka,
    I am headed out for the evening and if you can wait will look at it in the morning ( EST US).

    I haven’t looked, are you running the most recent version of the Luscious theme/WP3.6/Genesis 2.0?
    Warm Regards,
    Terry


    Customizing Genesis Child Themes @ MaroonTech

    #56180

    Annaka
    Participant
    Post count: 4

    Absolutely. My poor Genesis/StudioPress/CSS newbie will wait at your leisure since my Google and forum searching have yielded nothing so wonderfully simple to understand as the advice you gave the previous poster here! And yes, I am using the most recent version of the theme, just purchased this week! (Should have measured those column widths somehow before buying… or I missed the stats on those somewhere!)

    #57455

    Annaka
    Participant
    Post count: 4

    Hello Terry, just checking in to see if you might have had a chance to take a look-see at the Luscious theme regarding increasing the right column width and might have any sage advice?

    #57557

    Terry
    Participant
    Post count: 75

    Wow, I replied to this last week and am underwater this week. Let me check where it got posted to, maybe another thread?


    Customizing Genesis Child Themes @ MaroonTech

    #57568

    Terry
    Participant
    Post count: 75

    I was in a hurry & during my first coffee so… maybe I just typed it and didn’t hit Submit. Such a waste, I’m sorry.
    Won’t get back to it until maybe tonight.

    Basically it’s the same as the previous answer. You can do what I did.. use Firebug or Chrome Tools to inspect the widths. The total width must remain the same so whatever you add to the sidebar needs to be removed from the content. If you’re working with two sidebars, the total still remains the same, you may just distribute the widths differently.

    The beauty of using Firebug or Chrome Tools is that you can view your changes live before making them in css. A real timesaver!

    Andrea has a great tut on Firebug at http://www.studiopress.com/tips/using-firebug.htm that may help.

    Good luck with the style.css. It’s not rocket science but can certainly be confusing at times! :) I have found css-tricks.com helpful.


    Customizing Genesis Child Themes @ MaroonTech

    #68378

    tekkentim
    Participant
    Post count: 38

    Sorry to bump this old topic one more, but i thought it would be better to keep this in one topic.

    I want to switch to the Eleven 40 Pro theme, but the style.css is different than the Eleven 40 theme..

    Could you give me instructions on how to achieve the same thing with this theme ?

    Thx in advance !!

    #68382

    Terry
    Participant
    Post count: 75

    Good Morning tekkentim,
    Possibly someone else could assist you with this. That’s a bigger job than I can commit current volunteer time for.
    Best of luck to you!


    Customizing Genesis Child Themes @ MaroonTech

    #71281

    tekkentim
    Participant
    Post count: 38

    Thanks ! Perhaps someone can help me ? ;-)

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

You must be logged in to reply to this topic.