PAtrick said to put a link here for checking

I wanted to get my Events sidebar widget looking sexy. Right now it looks kinda' funky. If you go to my homepage you will see it. Events are a main staple of my business strategy, and I need the listing high on the page and attractive to visitors. Right now the thumbnail is left justified, a nit large and the text isn't working for me.
I wanted to have the text wrap if the thumbnail has to be left justified. Or maybe the image could be centered if it must be that size. If the image is centered, then maybe the text should be centered as well. Patrick told me he would take a look and suggest some sexy CSS mods!

Cheers,
http://www.dclifemagazine.com
and Thanks

  • Vaughan
    • Support/SLS MockingJay

    Hi Eugene,

    I'll alert @Patrick to this thread for you, however you could try the following CSS;

    .widget #event-popular img {
      float: left;
      max-width: 40%;
      padding-right: 5px;
    }
    .widget #event-popular a {
      position: relative;
      top: -14px;
    }
    .widget #event-popular li {
      height: 100px !important;
    }

    Hope this helps

  • Patrick
    • Support Monkey

    Hey there @Eugene

    Yep, what @Vaughan provided above is a good start. I'd amend it just a bit to get it get it to fit smartly with the rest of your layout like so:

    .widget #event-popular img {
    float: left;
    max-width: 40%;
    padding-right: 5px;
    }
    .widget #event-popular a {
    color: #353535;
    font-family: "Playfair Display SC",sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    top: -14px;
    }
    .widget #event-popular a:hover {
    color:#aba382;
    }
    .widget #event-popular li {
    height: 100px !important;
    }

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.