DotNetNuke Tutorials and Articles

The other day I had upgraded a client site to the latest version of Live Content (version 1.8.1)

I was very impressed with the new modifications.

Shortly after the upgrade, I received a call from the head of our graphic design department.

Apparently the client was upset that after the upgrade there were spaces between the thumbnail images.

Before upgrade

After Upgrade

The first place I checked was the View Options on the Live Content module to ensure that cellpadding and cellspacing were still set to 0.

The values were correct. Then it dawned on me. I had originally modified the default CSS file for the default Live Content theme.

I opened up my trusty FileZilla FTP application and grabbed a copy of the default.css file.

And I made the following modifications:

Before

.highslide img {
    border: 2px solid white;
}
.highslide:hover img {
    border: 2px solid gray;
}

.highslide-image {
    border: 2px solid white;
}

After

.highslide img {
    /*border: 2px solid white;*/
}
.highslide:hover img {
    /*border: 2px solid gray;*/
}

.highslide-image {
    /*border: 2px solid white;*/
}

By commenting out the border styles, problem solved.

Learn more about Live Content module for DotNetNuke

Enjoy,
Buck