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

    Hi guys,

    on http://codelessme.com/pt, I added two sidebar buttons using shortcodes. I’m a little confused as to the default widget styles and it is causing the styling for the button itself to not cooperate.

    For example

    .sidebar_button {
       background-color: #ecf3fb;
        font-color: #666666;
        width: 100%;
        margin-bottom: 10px;
    }

    That is what I have assigned to that button, yet it isn’t actually assigning it to the button, it is assigning it to each individual container. In other words, adding a background BEHIND the button. Right now, I have simply matched both the background and the button background to display seamlessly.

    Additionally, how do you reduce the top and bottom default padding of sidebar widgets? I was originally just going add some text to the sidebar and then add a background with padding to achieve what I am now having to do with the buttons, but I could not figure out for the life of me, how to reduce the default padding. Even when I set the padding, added important, etc, it didn’t apply. I was applying those specifically to .widget-3. It did indeed add the background color, changed the text color, etc, but would not change the padding. Even the text widget that I inserted the buttons into have a bottom padding that I can’t seem to adjust.

    • This topic was modified 10 months ago by  zerozendesign. Reason: title typo
    #202349

    Hi David!

    The button style is actually on the link. So it would be:

    
    .sidebar_button a {
    background-color: #ecf3fb;
    color: #666666;
    width: 100%;
    margin-bottom: 10px;
    }

    By adding you css to the container its adding those values to that container.

    Best regards,
    Devin

    #263706

    I’m having the same problem. I have two texts in a sidebar and default padding seems to be around 50px. Is there a CSS to decrease the padding?

    <section id="text-5" class="widget clearfix widget_text"><h3 class="widgettitle">TITLE 1</h3>
    <div class="textwidget"><p>
    STUFF....
    </div>
    </section>
    <section id="text-6" class="widget clearfix widget_text"><h3 class="widgettitle">TITLE 2</h3>
    <div class="textwidget"><p>
    STUFF....
    </div>
    </section>

    Thanks,
    Frank

    • This reply was modified 5 months, 1 week ago by  Frank.
    #263884

    Hi!

    Thank you for the info.

    You can decrease the padding in between the widgets with this on Quick CSS or custom.css:

    .widget {
    padding: 10px 0 10px 0;
    }

    Best regards,
    Ismael

    #264267

    Thanks! My issue is closed.

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

The topic ‘Enfold > button in sidebar’ is closed to new replies.