If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

WordPress. How to manage images in widgets added by class

Hello! This tutorial will show you how to manage images in widgets added by class in WordPress.

WordPress. How to manage images in widgets added by class

  1. There is an example of the image displayed by class in the widget. Let’s replace it saving its styles:

    1

  2. Navigate to Appearance -> Widgets to see the CSS class assigned to the widget you need:

    2

  3. In Media library click on needed image and copy the direct URL of the image you wish to be placed in the widget:

    3

  4. Copy it and navigate to Cherry Options -> Custom CSS:

  5. At the very bottom of the file paste the code with your needed class and rule for the new background. After that hit Update.

    Example of the CSS code:

    .banner1 {
    		  background: url(http://template-test.com/jeff/wp-content/uploads/2013/09/Medtronic-Lifepak-CR-2.png) !important;
    		} 

    4

  6. Reload the page and check the changes:

    5

Feel free to check the detailed video tutorial below:

WordPress. How to manage images in widgets added by class