-
AuthorPosts
-
April 5, 2019 at 8:48 am #1087397
Hi,
I may have come across a small glitch in the theme, I’m not quite sure.
When I insert a grid row, and set a link for the entire background of each cell, there are borders between them, even though the grid is set to No Borders. The borders looks different depending on which browser I use.
Example:
3-cell-grid:
Chrome displays borders at the edges of the screen, and between the cells, but there are 1-2px differences between them.
Firefox displays no border between cell 1 and 2, but a very thin 1px border between cell 2 and 3.
Edge display the opposite of Firefox.When I remove the links from the grid backgrounds, the borders between the cells disappear, and everything looks right..
I’ve attached a link to an image, that displays the issue in the Chrome browser, before I tried removing the background links.
Is this a glitch in the theme, or I am just doing something wrong? Can’t really figure out how to get this right. :)
Best regards,
AlexApril 6, 2019 at 8:08 pm #1087804Hey RedRaphDK,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaApril 8, 2019 at 11:08 am #1088236Hi Victoria,
I posted a couple of in the private content field, that display the issue.Best regards,
AlexApril 9, 2019 at 5:44 am #1088531Hi RedRaphDK,
Try adding this css code in Quick CSS, located in Enfold > General Styling:
#top .av-layout-grid-container a.av-screen-reader-only { display: none; }Best regards,
NikkoApril 9, 2019 at 11:33 am #1088629Hi Nikko,
This did the trick! :-) The background links are there, the borders are gone, and they look exactly the same across different browsers.
Thanks for the help. :-)
Best regards,
AlexApril 9, 2019 at 3:43 pm #1088686Hi Alex,
We’re glad that we could help :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Border when using grid background as a link’ is closed to new replies.
