Adding background image in an individual widgets

  • SMukta

    (@smukta)


    10 years ago

    I am trying to add a backgroung image the custom menu widget. I read a lot on this subject and I understand that I need to find the widget ID. Where can I find it?

Viewing 3 replies - 1 through 3 (of 3 total)
  • stephencottontail

    (@stephencottontail)

    In Twenty Twelve, widgets have the HTML class .widget_text or .widget_search or something similar. You can find out this information by using Firebug or a similar web inspector. See this site for more details: https://www.themesandco.com/snippet/firebug-best-spent-6-minutes/

    Michael

    (@alchymyth)

    find the widget ID

    each ‘custom menu’ widget has the CSS class .widget_nav_menu

    however, widget IDs are given dynamically, so you need to use a browser inspection tool (as @stephencottontail suggested) or look into the html code of your site as it gets output in the browser (browser tool bar ‘View Source’ or similar).

    example from my test site using Twenty Fourteen:
    <aside id="nav_menu-2" class="widget widget_nav_menu">

    if a widget gets a widget CSS class or widget ID, also depends on your currently used theme.

    Thread Starter SMukta

    (@smukta)

    Thank you so much to both of you. You have been of a great help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Adding background image in an individual widgets’ is closed to new replies.