Reduce Margin & Remove Lines

Hi,

I have attached a screen grab of my site. I want to reduce the margin between the two widgets displayed but can’t figure out how. I’ve been trying the below code which isn’t working:

#wpcufpn_widget-2 {
margin-bottom: 10px;
}

In the screengrab you can also see some lines which appear under the words: Paradiski Yuge App. How do i remove these?

Thanks,

Hey there,
Hope you’re doing well today

Kindly add and save the following code to Appearance > Customize > Additional CSS:

#secondary .widget {
    margin-bottom: 0px!Important;
}

That should set the margin beneath your widgets to 0px. If you’d like more space, then you can increase the value, if you’d like even less, just go negative :slight_smile:

I hope this helps :slight_smile:

Best Regards,
Support

Thanks this worked well.

How do i remove the lines from in between the two widgets?

Thanks

Hey there,
Hope you’re doing well today

The CSS to remove this (add to Appearance > Customize > Additional CSS) can be found below:

.blog.home .page-1 article.post:first-child .post-inner-content{
     border-bottom: none!Important;
}

Please let me know if this works.

Best Regards,
Support

Hi,

Actually this didn’t work. Is there something else I could try? I wanted to remove from all category pages here is an example:

Many thanks,

Hey there,
Thanks for keeping in touch.

My apologies for the incorrect code. You may remove the one given previously.

The code below should work:

.widget ul li{
  border-bottom: none!Important;
}

Please let me know if this helps.

Best Regards,
Support

this worked well thank you!