Ally Widget Title

Homepage Community Forums Ally Theme Support Ally Widget Title

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #8848
    BossLady
    Customer

      Hi guys… I need to add a small image (45×45) to the widget titles and I am having a heck of a time trying to figure out what selector to use. I can change the background color of the widget titles in Firefox but can’t get an image in there. I’ve tried the following…

      .widgettitle and .widgettitle h4
      .widgettitle .widget-title (plus the reverse with and without h4)
      .widget-title and .widge-title h4

      This really might be a “me” specific thing because it seems to take me forever to get the combination right, regardless of theme. I’m using background-image: url('/images/my-image.jpg'); but I’m thinking it should just be straight up background with position and color as part of that line of css.

      Somebody set me straight, please 馃檪

      Thanks so much!

      #8856
      Wes
      Moderator

        Do you have a link to the exact page/location where you’re trying to do this? I can tell you exactly what you’ll need to add if you have an example.

        
        .widgettitle {
            background-image: url(/images/my-image.jpg);
            background-position: left top;
            background-repeat: no-repeat;
        }
        #8858
        BossLady
        Customer

          Oops – sorry! Here you go… H-RoC Demo

          #8868
          Wes
          Moderator

            Did you see the code I posted earlier? You would use .widgettitle and if you wanted to use a specific title so it doesn’t affect them all, just add either the widget name that it’s located in (example – .home-feature-2) or add the widget ID

            #8884
            BossLady
            Customer

              Thanks 馃檪 Saw it, copied/pasted, it didn’t work, though. Not sure why. I did change the image name to my own, though. 馃槈 Went back in and changed .widgettitle to .home-featured, still a no-go. I’m not sure why, though. I haven’t changed anything else in the styles as far as the widgets are concerned.

              #8893
              Wes
              Moderator

                When I added it, it worked for me. Here is what I did –

                .home-feature-1 .widgettitle {
                    background-image: url(http://hroc.jeansnbeans.com/wp-content/uploads/2013/11/Martini.png);
                    background-position: left top;
                    background-repeat: no-repeat;
                    background-size: 20px;
                    padding: 0 0 0 30px;
                }

                and here was the result – http://i.imgur.com/KgpGMlx.png

                It’s the first title that says “Connect”….I just used the cocktail image you had as an example. Give that a try and it should work.

                #8901
                BossLady
                Customer

                  Awesome sauce, Wes! Thanks so much! I knew it was entirely me, so I truly appreciate the help 馃檪 Case closed!

                  #8902
                  BossLady
                  Customer
                    This reply has been marked as private.
                    #8906
                    Wes
                    Moderator

                      No problem! Glad I could help!

                    Viewing 9 posts - 1 through 9 (of 9 total)
                    • The topic ‘Ally Widget Title’ is closed to new replies.