Take a look at my personal blog. See the “Browser Check” widget? It’s just a text widget with some HTML dumped in. I inserted a <div>in the text box and styled it to have a greyish-blue background. The actual code looks like this:
<div style="font-size:11px; text-align:center; background:#EBEBFA; padding: 6px; margin: -5px -12px -10px -12px;
If you're not using <a href="http://www.mozilla.com/firefox" target="blank">Firefox</a> then you're not experiencing all that this website has to offer.
<br><br>Get <a href="http://www.mozilla.com/firefox" target="blank">Firefox</a> today!
The negative values for the margin pushes the grey <div> out to the edge. I also made sure that this <div> has the same rounded corners that I apply to all my widgets.
You can target specific widget by their ID. Each widget is given a unique ID, which you can discover using Firebug. That way, you can avoid the additional div and margins issue.
Viewing 3 posts - 1 through 3 (of 3 total)
You must be logged in to reply to this topic.
This free Support Forum relies on contributions from our support staffs and fellow Graphene themes users. While we endeavour to provide adequate and timely support, due to its voluntary nature responses are not guaranteed and may be delayed.
If you require urgent assistance, you may like to consider our Priority Support option.