When I add a link to a column in a grid row using column link some of the columns get a white border on the right side. How can I get rid of them?
Hey i9design,
Add this to quick css:
#av-layout-grid-4 .no_margin.av_one_third {
width: 33.4%!important;
}
Best regards,
Jordan Shannon
That didn’t seem to work.
Hi,
Did you add the code to the very top of quick css so it runs first? Also be sure to clear the cache a few times over.
Best regards,
Jordan Shannon
It’s the only thing in the quick css and I’ve cleared my cache but the white space is still there.
#top .no_margin.av_one_third {
width: 33.4%;
}
This worked though.
Hi,
Did you need additional help or shall we close this topic?
Best regards,
Jordan Shannon
Hello Enfold team,
I was also experiencing this issue, and the CSS provided by i9design did fix it. However, I wanted to point out that this is still an issue. I have the “no borders” option selected for my grid row, and everything is styled correctly until I add a link to the entire column. As soon as I do, I get two vertical borders.
Again i9design’s CSS fixes it, but the bug still exists.
-James
Hi,
Perhaps I’m not understanding how to recreate the issue, I added a grid element with no borders to a page with 3 cells, in each cell I added a column with a column link, and in each column, I added a text element:
I added background colors to the grid cells and columns to highlight any borders, but I see none:
My test page
Best regards,
Mike