how to create border (padding) on text widgets

Hello, I hope you can help with this one. I am trying to create a border (padding) on my wordpress text widgets. One text widget is a google custom search , the other is a widget running google adsense. They are both too far right on the page, I want a border between the widgets and the edge of the page.

my site is https://howtomakemoneyinthailand.com

I appreciate any help with this

OK I will post this one more time, and hopefully I will get a response!

I am trying to create a border (padding) on my wordpress text widgets. One text widget is a google custom search , the other is a widget running google adsense. They are both too far right on the page, I want a border between the widgets and the edge of the page.

my site is https://howtomakemoneyinthailand.com

I appreciate any help with this, thank you in advance

For the Google search Update the widget to use
<input type=”text” name=”q” size=”25″ style=”border: 1px solid rgb(126, 157, 185); padding: 2px; background: url(https://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif) 0% 50% no-repeat rgb(255, 255, 255);”>

For the image update the <style> tag with the following

<style>
#bay_ad_area
{
width: 250px;
height: 600px;
margin: 0;
padding: 0;
overflow: hidden;
}

#bay_ad_area img{
width: 200px;
position: relative;
margin: 0px 0 0 0;
}

#bay_ad_overlay_container
{
position: relative;
top: -600px;
width: 250px;
height: 0;
cursor: pointer;
}

#bay_ad_b_top
{
position: absolute;
top: 0px;
left: 0px;
width: 250px;
height: 5px;
margin: 0;
padding: 0;
z-index: 1000;
}

#bay_ad_b_right
{
position: absolute;
top: 0px;
left: 295px;
width: 5px;
height: 600px;
margin: 0;
padding: 0;
z-index: 1000;
}

#bay_ad_b_bottom
{
position: absolute;
top: 595px;
left: 0px;
width: 250px;
height: 5px;
margin: 0;
padding: 0;
z-index: 1000;
}

#bay_ad_b_left
{
position: absolute;
top: 0px;
left: 0px;
width: 5px;
height: 600px;
margin: 0;
padding: 0;
z-index: 1000;
}

.bay_ad_border
{
}

#bay_ad_text_box_container
{
position: absolute;
left: 0;
top: 0;
width: 250px;
height: 600px;
overflow: hidden;
}

#bay_ad_opacity_box
{
position: absolute;
left: 0;
top: 555px;
padding: 0;
margin: 0;
width: 250px;
height: 500px;
background: black;
opacity: 0.7;
}

#bay_ad_text_box
{
position: absolute;
left: 0;
top: 555px;
padding: 2px 7px;
margin: 0;
text-align: left;
color: white;
font-weight: bold;
font-size: 15px;
font-family: sans-serif;
line-height: 17px;
z-index: 1001;
opacity: 1;
}

#bay_advertiser_box
{
position: absolute;
left: 0px;
top: 585px;
padding-left: 7px;
padding-top: 14px;
text-align: left;
color: white;
font-size: 12px;
font-family: sans-serif;
z-index: 1001;
opacity: 0.75;
}

</style>

hello nyeung, thank you for responding to my 2 questions. I managed to change the google custom search using your code – perfect now.

I am not sure how to implement the <style> changes – do I add it to the widget properties like I did with the google custom search? Below is the code in the widget for the left hand side ad with my adsense ID remmed out :

https://pastebin.com/GTU2KCtt

Excuse my basic skills, I’m a bit of a newbie to wordpress.

Again, many thanks

Hello, any chance you could help with the above post?

would really appreciate support with this one

Thank you in advance

never mind, I did something else.

thank you anyway

topic closed