Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Custom Widget Margin

Build custom WP THEMES, without
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
Old Mar 28, 2012, 06:54 PM
swimflyfast2's Avatar
150 posts · Aug 2010
Horse Country in Virginia
I created four header widgets. I want to be able to have a background on each but have a margin so that the background does not take up the entire widget space,
I have identified the individual widget and am able to apply CSS to it fine except I can not do what I think I want to do using Margin: 10px 20px 10px 20px;

I thought that this would bring the background in, or shrink the size of it.
If I have 4 widgets in 1000 wide space they all should be 250px, I want them to only be 200 with gaps, I have used the same css on the post to reduce them and it works. See Test Site Note widget on upper left, have opacity, color white, rounded corners but can not get it to shrink.
HTML Code:
firebug code:
element.style {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 10px #333333;
    Margin: 10px 20px 10px 20px;
    opacity: 0.3;

Old Mar 28, 2012, 07:07 PM
juggledad's Avatar
22,950 posts · Mar 2009
OSX 10.10.1 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Can you go to ato->export/import settings and send an export of your site to me.

I notice something weird that someone else had complained about - the widgets have black slashes in them.

Do you have any plugins that minify the code? I ask because I see every extra space abd new-line has been removed. You might want to shut this off and check your issue again.
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
BUGFIX 361-04: Allow Custom Menu widget links to use same styling as Pages widget. juggledad Old Version fixes and change logs 1 Jan 22, 2011 08:40 AM
Custom widget margin kal Sidebars & Widgets 1 Dec 20, 2010 03:00 PM
Widget Content padding / margin quentinjs Sidebars & Widgets 5 Oct 16, 2010 01:59 PM
[SOLVED] Simple CSS question - how to increase right margin of custom bullets Wimbledon Sidebars & Widgets 2 Jun 5, 2010 07:14 PM

All times are GMT -6. The time now is 08:21 PM.

Powered by vBulletin® Copyright ©2000 - 2015, Jelsoft Enterprises Ltd.