Side Widget Border and bottom padding

This topic has 3 replies, 2 voices, and was last updated 8 years, 9 months ago by Mahesh.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
March 31, 2016 at 7:49 pm #88590

[email protected]
Member

I have searched the support history and cannot see this as a reference.

My site is Wedding-creations.com

1. I would like to keep the colour theme of the site going by changing the widget border colour to #D4AF37.

2. Also I would like to reduce the bottom padding of the widget …

Many thanks

April 1, 2016 at 10:13 am #88621
Mahesh
Participant
@enquirieswedding-creations-com: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:
Did you mean padding or margin? If you want to reduce padding-bottom, use this one.
```
#secondary .widget {
    border: 1px solid #d4af37;
    padding-bottom: 0;
}
```
Or if you want to reduce margin-bottom, use this one.
```
#secondary .widget {
    border: 1px solid #d4af37;
    margin-bottom: 25px;
}
```
Note: Please adjust the pixel value for margin or padding in above code, do not forget to use px at the end.

Regards,
Mahesh
April 1, 2016 at 3:58 pm #88634

[email protected]
Member

Perfect: thank you.

I also meant to ask how I can make a change to the border colour and text colour of search in the header? I noticed that someone asked previously but they never responded to the message and therefore the resolve was not published?

April 1, 2016 at 4:31 pm #88637
Mahesh
Participant
@enquirieswedding-creations-com: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:
```
#header-right .searchform input {
    border: 1px solid #d4af37;
    color: #d4af37;
}
```
Regards,
Mahesh
Author

Posts