Tagged: , , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 18, 2013 at 1:16 pm #201505
    zerozendesign

    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 years, 10 months ago by zerozendesign. Reason: title typo
    December 20, 2013 at 1:58 am #202349
    Devin

    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

    May 13, 2014 at 3:27 am #263706
    Frank

    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 10 years, 5 months ago by Frank.
    May 13, 2014 at 11:50 am #263884
    Ismael

    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

    May 13, 2014 at 10:04 pm #264267
    Frank

    Thanks! My issue is closed.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Enfold > button in sidebar’ is closed to new replies.