Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #24648

    I have created a home page using the “Columns” element, 2 columns, 75%-25%. I created dynamic template widgets for the right column. The problem I have is there is no spacing between the widgets, nor is there a separator. I can do without the separator, but I need some space otherwise they simply look smashed together. How can I increase/add space in this configuration?

    Thanks!

    #124193

    By the way, the problem is most pronounced between text widgets. I tried just adding a
    at the bottom to create space between it and the next, but it seems to be ignored. Is there another way to add a newline that will be forced to be seen? That may solve my problem.

    #124194

    Hi,

    Please install Enhanced Text Widget since the regular Text widget is pretty much useless. At least here you can style it as well as run code from within it. http://wordpress.org/plugins/enhanced-text-widget/

    On that note I created a page as you describe it 75/25 text on left, 2 text widgets on right http://www.clipular.com/c?7805082=0eKdkuejGC2H0n1p-WLYgRNlI9E&f=.png

    Is this how you see it?

    Thanks,

    Nick

    #124195

    Thanks. I’ll give that a try. No, mine are much more compacted. I’ll let you know if this doesn’t work.

    Regards,

    PA

    #124196

    Hi,

    If you have a 2/3 and 1/3 columns and the 1/3 column has a sidebar element, I created some styles that will now make that ‘mini-sidebar more resemble the full length sidebar. Its a bit messy since I left a lot of css since I wasn’t sure if it doesn anything under specific circumstances, but it works.

    #top .container_wrap .avia-builder-el-last {
    border-left-style:solid;
    border-left-width:1px;
    border-color:#E1E1E1;
    color:#919191;
    float:none;
    overflow:hidden;
    display:block;
    clear:none;
    padding-top:4em;
    padding-bottom:2em;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    min-height:1px;
    padding-left:2em;
    }
    #top .content,.sidebar {
    padding-top:0px;
    padding-bottom:0px;
    }
    div .av_three_fourth {
    margin-left:6%;
    }
    @media only screen and (min-width:1140px) {
    #top .container_wrap .avia-builder-el-last {
    width:23em;
    }
    div .av_three_fourth {
    width:67.5%;
    }
    }
    @media only screen and (min-width:980px) and (max-width:1139px) {
    #top .container_wrap .avia-builder-el-last {
    width:15.9em;
    }
    .js_active .top_tab .tab {
    border-bottom:none;
    padding:12px 10px 14px 16px;
    }
    }
    @media only screen and (max-width:979px) {
    #top .container_wrap .avia-builder-el-last {
    display:none
    }
    div .av_three_fourth {
    width: 98%;
    }
    }

    http://www.clipular.com/c?7708069=9VaXJSGLR6AfMuVe33WZKUjKVqg&f=.png

    Thanks,

    Nick

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Create space between dynamic template widgets’ is closed to new replies.