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
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Mar 28, 2012, 07:54 PM
swimflyfast2's Avatar
swimflyfast2
 
148 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;
}

Anyone?
  #2  
Old Mar 28, 2012, 08:07 PM
juggledad's Avatar
juggledad
 
22,379 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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

Bookmarks

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 09:40 AM
Custom widget margin kal Sidebars & Widgets 1 Dec 20, 2010 04:00 PM
Widget Content padding / margin quentinjs Sidebars & Widgets 5 Oct 16, 2010 02:59 PM
[SOLVED] Simple CSS question - how to increase right margin of custom bullets Wimbledon Sidebars & Widgets 2 Jun 5, 2010 08:14 PM


All times are GMT -6. The time now is 02:49 PM.


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