Archived topic
Buttons CSS not working
16 replies · Started by Oppo Gene on December 30, 2022
Hi there, as in previous support ticket" https://generatepress.com/forums/topic/adding-buttons-3/#post-2415719", the css .sidebar aside#wpdm_newdownloads-3 {
margin-bottom: 0;
padding-bottom: 10px;
}
.sidebar aside#wpdm_newdownloads-3 + aside {
padding-top: 10px;
}
worked fine on my one website, but when trying to add such button to other sites this css is not working
Screenshot (working: https://postimg.cc/bGFLcyfP)
Screenshot (not working: https://postimg.cc/xcS5SphX)
Hi there,
Any chance you can link us to the page in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
The Private Information has been shared
Hi there,
that CSS won't work as it uses a specific widget ID that isn't present on this latest site.
And its also not required.
The main issue you have is this new site has a Customizer > Layout > Sidebar --> Right Sidebar width of 25% - the other site you had it set to 30%. Increase that width to give the sidebar more space
Hi there,
Please check the screenshots, its a strange situation, website on which the css is working, showing "widget padding", but both other website are not showing that options, they are also on premium version. Please guide further, how to make them view so I can edit it.
Screenshot (CSS Working: https://postimg.cc/gnpJVmc6)
Screenshot (CSS Not Working: https://postimg.cc/XBknHBNB)
Thank You
Set the Sidebar width to 30%. Publish those changes and then clear any caches
On the concerned website, the "widget padding" option is not showing as shared in previous screenshot "https://postimg.cc/XBknHBNB", where to enable this "widget padding" option
Go to Appearance > GeneratePress and Activate the Spacing module
Hi, I have done so, but still same results
When you're in the Customizer, can you see the sidebar width change ?
Yes, I have set the sidebar width to 30 but after this setting, it is not working, I have also changed the .side-bar aside position, and still no results
It's still 25% on the front end.
Can you go to customizer > general, choose flexbox instead of float and clear cache?
Hi, there I have changed it so "flexbox", also cleared the cache, and you can check the results in the screenshots
I can see that the sidebar is now 30% in width.
But your site is NOT loading the customizer CSS which is a CSS file with the ID wp-custom-css.
I would recommend disabling all plugins and custom functions to debug.
Check Details