Left Sidebar Widget Issues

Discussion in 'Dzonia WordPress Theme' started by 1stopnonprofitshop, May 25, 2016.

  1. 1stopnonprofitshop

    1stopnonprofitshop Guest

    Joined:
    Jul 18, 2014
    Messages:
    276
    Likes Received:
    0
    I'm having some issues with my left sidebar. First, I need space above "Subscribe to our Newsletter," as that is getting cut off. Also, can padding be added between all widgets in this area?

    theme3.1stopnonprofitshop.com
     

    Attached Files:

  2. priya

    priya Guest

    Hi,

    Greetings from InkThemes!

    Please paste the code given below in Custom CSS field of your dashboard.
    Code:
    .home_content_wrapper .sidebar {
        margin-top: 34px;
        padding-right: 18px;
    }
    Change the numeric value as per the requirement..

    Hope it will resolve your issue

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. 1stopnonprofitshop

    1stopnonprofitshop Guest

    Joined:
    Jul 18, 2014
    Messages:
    276
    Likes Received:
    0
    That fixed the problem with the top of the widget area getting cut off, but how do I add padding between each widget in the left sidebar? (I'll be adding more widgets soon, and want the padding between all of them.
     
  4. 1stopnonprofitshop

    1stopnonprofitshop Guest

    Joined:
    Jul 18, 2014
    Messages:
    276
    Likes Received:
    0
    I think I figured out a solution by adding a text widget in between and making a straight line.
     
  5. 1stopnonprofitshop

    1stopnonprofitshop Guest

    Joined:
    Jul 18, 2014
    Messages:
    276
    Likes Received:
    0
    Can you set a specific sidebar widget (such as the horizontal line I created in the text widget) to only take up 100% of the space of the sidebar? I created one, but depending on the size screen, it's either too long or too short...and that's not something I can control.
     
  6. priya

    priya Guest

    Hi,

    Use below code..
    Code:
    .ecwd-widget-50 {
        padding-top: 20px;
        border-bottom: 1px dotted black;
        padding-bottom: 10px;
    }
    
    Hope you will get your issue resolved..

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  7. 1stopnonprofitshop

    1stopnonprofitshop Guest

    Joined:
    Jul 18, 2014
    Messages:
    276
    Likes Received:
    0
    That worked...but how do I get that to go in between all the widgets I put in the left sidebar?
     

    Attached Files:

  8. priya

    priya Guest

    Hi,

    Use below code..
    Code:
    form#form-wysija-2 {
        border-bottom: 1px dotted black;
        padding-bottom: 12px;
    }
    Hope it will resolve your issue

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  9. 1stopnonprofitshop

    1stopnonprofitshop Guest

    Joined:
    Jul 18, 2014
    Messages:
    276
    Likes Received:
    0
    How do I get the divider under this new widget I created? Do I need to get code for every widget?

    theme3.1stopnonprofitshop.com
     

    Attached Files:

  10. priya

    priya Guest

    Hi,

    Use below code.
    Code:
    .es_button {
        padding-bottom: 22px;
        border-bottom: 1px dotted black;
    }
    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  11. 1stopnonprofitshop

    1stopnonprofitshop Guest

    Joined:
    Jul 18, 2014
    Messages:
    276
    Likes Received:
    0
    That code didn't work.
     
  12. priya

    priya Guest

    Hello,

    I noticed that the divider is over there..

    Kindly check..

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  13. 1stopnonprofitshop

    1stopnonprofitshop Guest

    Joined:
    Jul 18, 2014
    Messages:
    276
    Likes Received:
    0
    I added a divider using a text widget and typing <hr>. Unfortunately, it is much lighter than the others. When I add code to darken the line, it darkens all the lines within the theme.
     
  14. priya

    priya Guest

    Hi,

    Use below code..
    Code:
    form.es_widget_form {
        border-bottom: 1px dotted black;
    }
    Hope it will resolve your issue

    Thanks & Regards!
    Priyanka
    InkThemes.com
     

Share This Page