Borders for widget & post

  • Resolved Amy

    (@ontherye)


    9 years, 2 months ago

    Hi. I was wondering is there any way to put a thin border around each individual widget and post excerpt? Thanks a bunch! =)

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Yea that can be done with the following CSS:

    .widget,
.blog .entry,
.archive .entry,
.search .entry {
  border: solid 1px #333;
  padding: 12px;
}

    And here’s what it’ll look like: https://pics.competethemes.com/image/0r2X2i1a1w1K

    Thread Starter Amy

    (@ontherye)

    It worked! =) But unfortunately, it doesn’t wrap around my Instagram widget when the browser is not in full screen.

    Here is my site: https://www.theblushingpink.com

    Theme Author Ben Sibley

    (@bensibley)

    Hey great job with the site! Looks really good.

    This is a tricky one, but the following should work:

    .statigram-widget iframe {
  max-width: 100% !important;
}
.statigram-widget iframe body {
  max-width: 100% !important;
}
.statigram-widget iframe body #widget{
  max-width: 100% !important;
  padding: 0 !important;
}

    I know the !important tags are a bit excessive, but this way you can make sure it works first and then take them off.

    Thread Starter Amy

    (@ontherye)

    Thanks a million Ben! Worked beautifully =)

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Borders for widget & post’ is closed to new replies.