Widget Styling- add border, change width

  • Resolved lifeleavesscars

    (@lifeleavesscars)


    10 years, 9 months ago

    Greetings,

    I am currently trying to add a border to the widget and get some padding, change the width ect

    This is the .css I am using:
    ‘.widget_sf_widget_constantcontact {
    border: 1px solid #00D6EE;
    width:320px;
    height: 150px !important;
    padding: 10px !important;
    }

    .widget_sf_widget_constantcontact h4 {
    color:#FF8E3A;
    {‘

    It appears I am a little off. There’s no border on the bottom and the .css is breaking some things on my sidebar. Can you help me with this? I appreciate it.

    Here’s the url in case you need to take a look: upload here Thanks a bunch.

    https://www.ads-software.com/plugins/constant-contact-widget/

Viewing 1 replies (of 1 total)
  • Plugin Author MembershipWorks

    (@sourcefound)

    Hi! It appears that you have already fixed this, but just FYI, your theme has the following CSS rule:

    aside .widget { padding:0 0 21px;margin:0 0 25px;border-bottom:1px solid #e0dede }

    Writing the new rule as just “.widget_sf_widget_constantcontact” doesn’t give it sufficient priority to override the border-bottom setting of the above rule, which is why the bottom border isn’t working. You can either set the border rule as !important, or use “aside .widget.widget_sf_widget_constantcontact” which would give this new rule higher priority over the other rule.

Viewing 1 replies (of 1 total)
  • The topic ‘Widget Styling- add border, change width’ is closed to new replies.