[Resolved] Buttons CSS not working

[Oppo Gene]

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)

[Leo]

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 🙂

[Oppo Gene]

The Private Information has been shared

[David]

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

[Oppo Gene]

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

[David]

Set the Sidebar width to 30%. Publish those changes and then clear any caches

[Oppo Gene]

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

[David]

Go to Appearance > GeneratePress and Activate the Spacing module

[Oppo Gene]

Hi, I have done so, but still same results

[David]

When you’re in the Customizer, can you see the sidebar width change ?

[Oppo Gene]

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

[Ying]

It’s still 25% on the front end.

Can you go to customizer > general, choose flexbox instead of float and clear cache?

[Oppo Gene]

Hi, there I have changed it so “flexbox”, also cleared the cache, and you can check the results in the screenshots

[Ying]

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.

[Oppo Gene]

Check Details

[Author]

Posts