Vertical Lines in Grid template

[XSO]

I have looked and cannot figure out (an easy way) to remove the thin gray vertical lines in the Grid template available from Design Cloud.
I have used the following in custom CSS:

.e166-2.x-grid:before {
color: #f0f0f000;
}
I am sure it is simpler than this though.

Any help is appreciated.

[nabeel]

Hi @XSO,

Thank you for reaching out to us, I checked one of your site with the Grid template and couldn’t find the vertical lines on the page. Would you mind providing screenshots and the URL of the page in question of the issue so we can take a closer look?

Thanks!

[XSO]

Hi,
It is the homepage
As I stated in the above post, I used the following code in Custom CSS to remove the lines (made them transparent)

.e166-2.x-grid:before {
color: #f0f0f000;
}

You can check it out in Chrome dev tools
Any easier way to do this (that I overlooked) … ?

[lely]

Hi @XSO,

Is it the Modern Mosaic grid? Please inspect the grid and then remove the actual CSS that add it.
See this: https://screencast-o-matic.com/watch/cqX3beUxOL. No need add more CSS. We just need to remove the box shadow CSS that adds it.

Hope this helps.

[XSO]

Mine is the Grid Beta from Design Cloud
I do not have the “has-lines” in mine
I followed your screencast and did not find that part
I have removed the CSS that you asked me to remove

[ruenel]

Hello @XSO,

Please click your Grid element and find the “Customize” tab. When you are in the option, click the element css:

You should be able to find the code:

$el.x-grid:before {
  color: #f0f0f000;
}

Hope this helps. Kindly let us know.

[XSO]

Found it.
Thank you so much!

[ruenel]

You’re welcome!
It’s good to know that it has worked for you.