Putting Border around Widgets

  • Resolved momlifenow

    (@momlifenow)


    9 years, 3 months ago

    I was wondering if anyone knew the CSS I would need to put a border around a widget. Also, how would one darken the specific color in that widget? Thanks so much!

    http://momlifenow.com/2015/01/15/i-was-his-first-date/

    This is the page I need help with (at the bottom of the post where the “subscribe” button is located). I would also like to add a Gravatar “about me” but without the border it just doesn’t look right.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Christi Nickerson

    (@christini)

    9 years, 3 months ago

    Hi momlife,

    The classes you want to target for the border around the subscribe widget is:

    .widget.jetpack_subscription_widget

    I see that you are using Jetpack, and that comes with a custom CSS editor. If you want to keep the dotted style of that border, and just adjust the color of it to maybe match the GO button, you could input this into the custom CSS editor:

    .widget.jetpack_subscription_widget {
	border: 1px dotted #4a6285;
}

    What color in the widget would you like to darken? Do you mean the font/text color, or do you mean the background color of the widget?

    Hope this helps!

    Christi

    Thread Starter momlifenow

    (@momlifenow)

    9 years, 3 months ago

    Thanks Christi! Everything is looking great now! 🙂

    Christi Nickerson

    (@christini)

    9 years, 2 months ago

    Hi momlife,

    I’m glad I was able to help, and you like the new styling for your subscribe widget. Please mark this thread as resolved.

    Thanks!

    Christi

    Thread Starter momlifenow

    (@momlifenow)

    9 years, 2 months ago

    Thanks Christi!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Putting Border around Widgets’ is closed to new replies.

Tags