Bueno theme: Adding background colour to the sidebar widgets

  • Author
    Posts
  • #865103

    thedoofa
    Member

    I want to add a new background to my site, but the sidebar widgets(twitter & text) would become very hard to read. In order to prevent this I want to add a background in white to them. So they look just like the posts do.

    I’ve tried various bits of CSS which i found via search, to work, but nothing seems to work. Can anyone help me please?

    The blog I need help with is thedoofa.com.

    #865495

    The following should do the trick. Please let us know how it works for you.

    .widget {
        background: #fff;
        border: 5px solid #eee;
        padding: 20px;
    }
    #sidebar .widget h3 {
        line-height: 0;
        padding-bottom: 1.2em;
    }
    #865546

    thedoofa
    Member

    You are a STAR!

    Thankyou so so much :)

    #865558

    I am trying to change the framing around the photos i post in bueno. It looks like a grey “matte board” and I don’t know how to remove it.

    Thanks,
    http://aroundthetable.me/

    #865559

    timethief
    Member

    @lesleykingsley
    This is the CSS Forum. Have you purchased an a custom design upgrade so you can undertake CSS editing?

    #865560

    No, I have not. Looks intimidating. Is this something that a novice can do?

    #865561

    timethief
    Member

    I don’t recommend that anyone who does not have CSS editing skills and who is not prepared to pay annually to have the custom design upgrade purchases it.

    #865562

    No, I have not. Looks intimidating. Is this something that a novice can do?

    It depends quite a bit on factors like what you want to change, how much you want to change, how much you want to change, and the theme you pick.

    To remove borders from images inside posts in the Bueno theme, try adding the to your Appearance → Custom Design → CSS editor and click the preview button:

    .entry img {
        border: none;
    }
    #865563

    rim025
    Member

    hello i wanna change the background color of my sidebar widgets, cuz with the background i have its hard to read. i want it to look like the post, so its easier to read, i tried what copy nd pasting what is listed above but didn’t work. aim using the theme bueneo.

    dailydesiscoop.com

    @dailydesiscoop

    #865564

    lianauehara
    Member

    Thank you, michaelfields.
    It helped a lot!

    #865565

    @lianauehara, do you have the Custom Design Upgrade? I don’t see any evidence that you do. You need to the custom design upgrade to be able to edit the CSS and add the background to the widgets. I’ve modified the staff code above by @michaelfields and the following, will do what you want. You can paste it into the CSS edit window at appearance > custom design > CSS and then use the preview button to see what it would look like.

    #sidebar .widget {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #EEEEEE;
    padding: 20px;
    }
    #865566

    meghanadler
    Member

    The custom design upgrade button does not show under appearance… I need to add a custom background to my blog lunchbreakpoetry.com – I bought the upgrade for the meghanadler.wordpress.com and everything works there – but I can’t make it work at lunchbreakpoetry.com. Can you help?

    #865567

    That site is self-hosted and you need to head over to the WordPress.org forums as that is where the software you are using is supported.

    These forums are for those hosted here on the wordpress.COM hosting service and things here work differently.

    If you are not familiar with the differences, see this support document.

The topic ‘Bueno theme: Adding background colour to the sidebar widgets’ is closed to new replies.