Archived topic
Custom Sidebar Boxes and Buttons
3 replies · Started by Tom on April 27, 2016
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
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 :)
Many thanks, Tom!
Tom (from Vancouver)
You're welcome! Hey, just over the water! I'm in Victoria :)