Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi Lisa,

    I hope you are well today and thank you for your question.

    It’s better to do all formatting and spacing using CSS instead of adding markup in the widget.

    Could you please share me the page link where you are displaying the widget having images and tell me exactly where you want to add space so that i can provide you CSS solution to achieve it?

    Kind Regards,
    WPMU DEV

    Hi there Lisa,

    Hope you’re well today! 🙂

    We’d love to assist further here if you need any assistance, if you could just get us a link, we’ll gladly take a look.

    Cheers,
    David

    Thread Starter hasproductions

    (@hasproductions)

    Hi there!
    Please see this page:
    http://www.hasproaudio.com/?page_id=20
    and note the Right Sidebar Content Area
    there are several images and I would like to
    put padding space around each image?
    As I mentioned, I tried various versions of:

    .textwidget img {
    margin-top:5px;
    }
    with no luck…
    Thanks for any suggestions,

    Lisa

    Hi Lisa,

    No problem, how’s this work for you?

    #text-8 img {
      padding: 5px;
    }

    That’ll restrict the adjustment to that particular widget. Or if you need the same for all text widgets, you could just replace your margin-top like with the padding line I mentioned above.

    Hope that helps, just let us know if you have any questions. 🙂

    Cheers!
    David

    Thread Starter hasproductions

    (@hasproductions)

    Do I just place

    #text-8 img {
    padding: 5px;
    }

    anywhere in the Child Stylesheet? I just added it to the bottom and it didn’t work, I’m thinking perhaps it needs to be within the widget code? Perhaps in here…

    /**
    * 7.2 Content Sidebar Widgets
    * ——————————————————————
    .content-sidebar .widget a {
    color: #650000;
    }

    .content-sidebar .widget a:hover {
    color: #650000;
    }

    .content-sidebar .widget pre {
    border-color: rgba(0, 0, 0, 0.1);
    }
    I’m not sure if placement within the stylesheet is relevant or not.
    Thanks again for your help!
    Lisa

    Hi Lisa,

    It should work just fine pasted in at the bottom, below those other styles. It can be placed anywhere as long as it’s not within another styles parentheses.

    To be sure it’s working, you can test using a plugin like this:
    https://ww.wp.xz.cn/plugins/imporved-simpler-css/

    If that works, then it’s possible you’re adding it to the wrong stylesheet or perhaps to a stylesheet that’s just not getting used.

    Could you let us know how that works for you?

    Cheers,
    David

    Thread Starter hasproductions

    (@hasproductions)

    That did it!
    You rock!! Thank you very much.

    Regards,
    Lisa

    Hey Lisa,

    Aw, thanks for your kind words, just glad to have helped! 🙂 Just let us know if there’s ever anything else we can assist with!

    Cheers!
    David

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

The topic ‘Space Between Images?’ is closed to new replies.