- This topic has 9 replies, 4 voices, and was last updated 3 years, 9 months ago by
Lyle.
-
AuthorPosts
-
July 6, 2017 at 7:40 am #345043
Aybars
Hello,
I have three widgets on my right sidebar.
I need to add a background image for only on widget. (Appearance/Customize/Background Images/Sidebar)Could you please help me about this…
Regards
Note: I’m using latest versions of both GeneratePress and WordPress
GeneratePress 1.3.48July 6, 2017 at 9:11 am #345080Leo
StaffCustomer SupportHi there,
Any chance you can link me to the page and let me know which widget you are trying to add the background image?
Thanks!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 6, 2017 at 9:49 am #345110Aybars
Hi Leo,
I did not publish it yet. Still working in local.
I’ve added several widgets into right sidebar, all of the widgets showing the same “background image”
There is no section for adding a background image for each image. One background image impacts all sidebar widgets.
I want to add my background image for only my text widget (At the top)
Do you know how can I figure out this.Let me add backoffice and frontoffice pictures about that:
Backoffice:
https://i.hizliresim.com/4MP37J.pngFrontoffice:
https://i.hizliresim.com/lWd8oE.pngJuly 6, 2017 at 10:03 am #345127Tom
Lead DeveloperLead DeveloperYou could use a plugin like this to add a class to the widget: https://en-ca.wordpress.org/plugins/widget-css-classes/
Then add some CSS:
.sidebar .widget.your-chosen-class { background-image: url( 'URL TO YOUR IMAGE' ); }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJuly 6, 2017 at 10:04 am #345129Aybars
Thank you very much Dear Tom, I will try it.
July 6, 2017 at 10:12 am #345133Lyle
Aybars,
This is quite easy to do with this plugin:
https://wordpress.org/plugins/widget-css-classes/
It adds a place in all of your widgets where you can add your own class name. So if you wanted and image in only one widget, just give add a class name and save. E.g. my-widget-image
Then add the image via CSS:
.my-widget-image { background-image: url("URL_OF_IMAGE"); }
I just tried it and it works like a charm π
Cheers!
Lylehttp://snifflevalve.com
Tutorials and tips for GeneratePress, WP Show Posts, WordPress and ElementorJuly 6, 2017 at 10:15 am #345135Lyle
Tom, you’re too fast! π
http://snifflevalve.com
Tutorials and tips for GeneratePress, WP Show Posts, WordPress and ElementorJuly 6, 2017 at 10:41 am #345150Tom
Lead DeveloperLead DeveloperHa, we had the same idea π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJuly 6, 2017 at 2:09 pm #345258Aybars
I’ve tried your suggestion and yes, its working like a charm.
This is absolutely what I want.
Thank you Dear Lyle and Dear Tom.
Best Regards…July 6, 2017 at 2:43 pm #345266Lyle
You’re welcome π
http://snifflevalve.com
Tutorials and tips for GeneratePress, WP Show Posts, WordPress and Elementor -
AuthorPosts
- You must be logged in to reply to this topic.