How to add full width image in sidebar

Community Forums Forums Design Tips and Tricks How to add full width image in sidebar

This topic is: resolved

Tagged: , , ,

This topic contains 6 replies, has 2 voices, and was last updated by  wp guy 11 months, 1 week ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #73105

    adammcintyre
    Member
    Post count: 5

    I searched the forums first but couldn’t find anyone asking a similar question.

    I’d like to add a picture of my mugly ug to the top of my site’s sidebar, see here: http://coffeeshopceo.wpengine.com/

    I already inserted a photo using the basic text/html widget, but I can’t figure out how to make the image “fill the block”, if you will.

    Again, any help would be awesome and very much appreciated :)

    Thank you!

    http://coffeeshopceo.wpengine.com/
    #73121

    wp guy
    Participant
    Post count: 233

    It’s the padding. Find this:

    .sidebar .widget {
    background-color: #FFFFFF;
    border-radius: 3px;
    margin-bottom: 4rem;
    padding: 4rem;
    }

    - just remove the padding.

    #73123

    adammcintyre
    Member
    Post count: 5

    Thank you @Wp Guy!

    Will this remove the padding for all sidebar elements or just the image?

    Thanks,
    Adam

    #73125

    wp guy
    Participant
    Post count: 233

    ….all sidebar widget elements.

    #73127

    adammcintyre
    Member
    Post count: 5

    Is there anyway to limit it to just the image?

    Thank you for your support,!

    #73132

    adammcintyre
    Member
    Post count: 5

    Thanks for your input, @WP_Guy, I do really appreciate it.

    I’m beginning to like how it looks with a little text content added, so let’s mark this as solved, huh?

    Thanks again, dude!

    #73135

    wp guy
    Participant
    Post count: 233

    No problem.

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

You must be logged in to reply to this topic.