Docs

[wayneswax]

Greetings,

I added a three column Footer1, Footer 2, and Footer 3 widget. Footer1 has some simple text, and Footer3 has a logo. So far so good.

The footer widgets seem to have a gray line at the top, which I think is a border, but I could be wrong. I’ve inspected the elements to see which element is doing this, but I can’t seem to find it.

In the Custom CSS section, I’ve added this css:

.widget, .widget_text, .x-column, .x-md, .x-1-3{
  border:none;
  background:none;
}
.widget:before{
  border:none;
}
.widget_text:before{
  border:none;
}
.x-column:before{
  border:none;
}
.x-md:before{
  border:none;
}

…but this custom css doesn’t seem to be getting rid of the gray top border.

Site: Wayne’s Wax

[Thai]

Hi There,

Please add the following CSS:

.x-colophon.top .widget_text:before {
    display: none;
}

Hope it helps 🙂

[wayneswax]

Works great, thanks! Now I have to figure out how to restore a middle column spacer, but I think that shouldn’t be a real problem.

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts