Adjusting gadget width on Blogger
The Blogger template designer allows you to adjust the width of the entire blog or the sidebar, but what if you want to adjust the width of an individual gadget?
I did it by going to Add CSS (on the Blogger template designer). To amend a particular gadget, for example a gadget with ID called HTML2, type:
#HTML2 {
}
}
To adjust the width, specifying lenght in terms of number of pixels worked:
#HTML2 {
width: 100px;
}
width: 100px;
}
#HTML2 {
background: transparent;
background: transparent;
Border:none;
}
I also wanted to reposition the gadget, although probably not the most effective way of doing this, I found that playing with the margins gives the desired effect:
#HTML2 {
background: transparent;
Border:none;
margin: 10px 30px 0px 31px;
background: transparent;
Border:none;
margin: 10px 30px 0px 31px;
}
The four parameters that margin takes specifies the top, right, bottom, left margins, in that order.
The result is my MP3 gadget, which I am still moving around..
*********
Do you use wifi in public places or travel abroad often? Do you worry about cyber security? Get added security with a reliable VPN. Get 63% off your VPN cost today for less than £3/$5 a month.
And thank you for your feedback. I try to document answers to problems that I come across so that it can help others that run into similar problems.
ReplyDeleteI am glad you found this information useful. K
thanks for this! years later it's still helping people out :)
ReplyDelete