how to add widget border and background-color

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jacob N. Breetvelt

    (@opajaap)

    11 years, 5 months ago

    The widgets follow the themes settings (css) for widgets. It is supposed that you configure it in the theme.

    Thread Starter jircas

    (@leifang)

    11 years, 5 months ago

    thank you opajaap.
    do you mean that I change wppa-style.css?
    I try to add following into style.css of my child theme:
    .wppa_thumbnail_widget, .slideshow_widget{border:1px solid green;}

    the slideshow widget works well, but thumbnail photo widget does not. wppa-thumbnail_widget sounds not control thumbnail photo widget. I am currently using twentyeleven theme. I just want my widget like your website http://wppa.opajaap.nl/, can assign background, border and shadow for each wppa widget.

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    11 years, 5 months ago

    I think the easyest way is something like (from wpp.opajaap.nl):

    .widget-container {
    background-color: #EEF7E6;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 3px 3px 4px #669933;
    overflow: hidden;
    padding: 4px;
}

    Than – if such a class exists in twentyeleven as well, mine is a child of twentyten – you have all widgets in one class.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘how to add widget border and background-color’ is closed to new replies.