Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] sidebar images

Home Forums Support sidebar images

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #18604
    Pam

    I would like to have different images appear at the top of my sidebars on each page of my website. Is this possible using the Background image add-on?

    #18689
    Dee Broughton

    In my experience the background image spreads over all the widgets in the sidebar as if one image is behind several windows. It looks really nice. But if I understand what you are describing, I’d put the image I wanted in a widget at the top of the sidebar and then style that widget to have a transparent background and no margins or padding. For example:

    #right-sidebar #text-5 {
    background: transparent !important;
    margin: 0,0,20px,0 !important;
    padding: 0 !important;
    }

    If you don’t really want it in the sidebar widgets but in the container, I’m sure Tom will have great advice.

    #18716
    Tom
    Lead Developer
    Lead Developer

    Hi Pam,

    Would these be background images, or just images inside widgets?

    To make a widget appear on specific pages, I like to use this plugin: https://wordpress.org/plugins/display-widgets/

    Dee’s code above would work to remove the spacing around the specific widget, minus the #right-sidebar.

    So it would look like:

    #text-5 {
          padding: 0;
    }

    Of course, #text-5 would have to match that specific widget (they all get different numbers generated).

    Let me know if this helps at all 🙂

    #18739
    Pam

    They would be images inside of the widgets, positioned at the top, over the copy. Thanks!

    #19156
    Dee Broughton

    Pam, that’s what is happening here http://www.dbepub.com. All of the book covers are widgets that are styled the way I said above. Of course, as Tom points out my code is overkill. Can you tell I’m not a coder? 🙂

    It also works to just put an image link in GP Hooks, Before [Right or Left] Sidebar Content, which might be easier if you are only doing one or two. I did that with the social media icons here. http://www.elt.international

    In addition to the plugin Tom recommended, I use Widget Context to put widgets where I want them. Works great with GeneratePress, too.

    Best of luck!

    #20576
    Tom
    Lead Developer
    Lead Developer

    Hi Pam,

    Were you able to figure this out? 🙂

    Thanks for the help, Dee! It’s appreciated 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.