Background Frame for White Images?

  • Hello,

    I just changed my Search field in the right side bar of the TwentyEleven theme for a white image so that the first visible element of the right side bar would be the second widget or at least it would look like it.

    The visual fix does not work because WP shows a thin beckground frame for images.
    Around my white image a rectangle frame which is not part of the image itself is now visible.

    How can I get rid of it?

    To get a visual feel of what I am talking about, just visit:

    https://becomebecome.com/

    And look at the right side bar.
    I’ll leave it there until feedback is posted here.

    Thanks!

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

  • Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes.

    Thread Starter becomebecome

    (@becomebecome)

    Thanks for precising this Esmi, actually I did install the WordPress Custom CSS plugin from:

    https://automattic.com/

    So all should be well…

    Do you think this background affair need editing CSS?

    Why have an essentially empty widget? If you want the sidebar content pushed down, use CSS to add some top padding to the sidebar itself. Or add a top-margin to the first (visible) widget.

    Thread Starter becomebecome

    (@becomebecome)

    Well, I thought about it because do not now the first thing about adding some padding adding a top-margin.

    How do I go and do that?
    …still,

    The background frame issue remains, and I am finding a solution…

    I have a .gif I’d like to put in the side bar too, and its white background should visually melt with the white template of the theme.

    With the frame visible I cannot accomplish this effect…

    Thanks for feedback!

    You can add padding to the sidebar in this CSS (line 93 on style.css):

    #secondary {
    float: right;
    margin-right: 7.6%;
    width: 18.8%;
    padding-top: XXpx;
}

    Make the XX whatever size works.

    First remove the empty widget.

    Thread Starter becomebecome

    (@becomebecome)

    Perfect, Thanks!

    If anyone mind to check in about the background thingy I would love now to include that .gif of mine to the sidebar…

    ;P

    Anyway, THANKS WPyogi!

    Much appreciated

    =)

    Since there is no widget (or line) there now, can’t tell. But it may be a border setting in the widget or the content.

    Thread Starter becomebecome

    (@becomebecome)

    I’m using the Jetpack image widget that comes standard with Jetpack.

    Will try with some other image plugin…

    Thanks for your suggestion!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Background Frame for White Images?’ is closed to new replies.