Viewing 2 posts - 1 through 2 (of 2 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 4 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

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

You must be logged in to reply to this topic.