[Resolved] Custom Sidebar Boxes and Buttons

[Tom]

Hi Tom,

I’m curious to know how you got the solid blue background and white text on one of the sidebar boxes on this page of your website: https://generatepress.com/support/

Is that doable in the Customizer for GeneratePress, or did you do that via custom CSS?

I’m also curious how you set the padding-bottom to zero for the sidebar box on the Demo site titled “Extend GP” with the balloons graphic? http://demo.generatepress.com

Was that done within the Customizer as well, or with custom CSS?

And one last thing! I like the buttons with rounded corners on this site, and see that some of them have a thick black outline with a white background. Is that configurable in GeneratePress as well?

Thanks!
Tom

[Tom]

Hi there,

It’s custom CSS – this should help: https://generatepress.com/forums/topic/style-sidebar-widgets-individually/#post-44788

The above should help with the padding as well.

All of the buttons are custom CSS as well. You can find a bunch of CSS for buttons here: https://generatepress.com/forums/topic/custom-colors-for-buttons/#post-143266

To round them, you can do this:

.button {
    border-radius: 5px;
}

For the transparent button, you can do this:

.button.transparent-button {
    background-color: transparent;
    color: #222;
    border: 2px solid #222;
}

.button.transparent-button:hover {
    background-color: #222;
    color: #FFF;
}

<a href="#" class="button transparent-button">Nice button</a>

Hope this helps 🙂

[Tom]

Many thanks, Tom!

Tom (from Vancouver)

[Tom]

You’re welcome! Hey, just over the water! I’m in Victoria 🙂

[Author]

Posts