-
AuthorPosts
-
April 15, 2017 at 11:04 am #778177
Please see the link in the private content. On this page and several others I am getting diagonal lines all over the posts. My browser is Google Chrome. (See private content for example screenshot)
- This topic was modified 7 years, 8 months ago by mosaic. Reason: Added screensho
April 15, 2017 at 1:46 pm #778200Hey Kieran,
Unfortunately, it looks fine on my monitor and I’m unable to reproduce this issue. Could you let us know the resolution of your screen?
A simple way to fix it to right click the diagonal line and add “display:none;” property to the css class.
If you still have any issue please right click the diagonal line and check what class name it has in the inspector and add the CSS in Quick CSS section
Example:
.diagonal-class-name { display:none; }
Best regards,
VinayApril 15, 2017 at 2:39 pm #778208Thanks for your response Vinay. The diagonal lines don’t seem to be able to be clicked. Did you check my screenshot? It only happens for certain posts and they don’t appear until you scroll down. (Google Chrome)
- This reply was modified 7 years, 8 months ago by mosaic.
April 15, 2017 at 11:50 pm #778307Hi,
I don’t see them nether in Chrome, Edge, Firefox, or Safari. What Vinay was saying is in Chrome try right clicking to get the context menu and choose “Inspect” Chrome will show you the developer view of your site and the class of the diagonal lines. If we can’t see it we can’t tell you what code to use to hide it :)
In the example below I right clicked on a gray horizontal line in your sidebar.
Best regards,
MikeApril 18, 2017 at 11:46 am #779208Hi, please see the screenshot in the original post. You will see that these aren’t actually lines that have been placed in the code, rather it seems as if part of the code is conflicting with google chrome and the browser isn’t rendering the website properly. It happens when ‘hardware acceleration’ is enabled on Chrome, but it only happens on my website.
April 18, 2017 at 8:03 pm #779619Hi Kieran,
Chrome on Mac with ‘hardware acceleration’ does not get that http://imgur.com/a/cB8Np
If you need further assistance please let us know.
Best regards,
VictoriaApril 19, 2017 at 7:05 pm #780086I have managed to track down the problem. The problem is occurring on pages that have videos on them. The posts that show these diagonal lines are not using the advanced layout editor and have shortcodes for the video like this: [av_video src='' format='16-9' width='16' height='9' custom_class='']
Once I delete this shortcode from any page the problem goes away. I am on Chrome on PC. Is there any way to troubleshoot this?
April 20, 2017 at 7:06 am #780334Hi,
I think your problem is local to your computer, I’m guessing it runs out of memory. Could you try to reproduce it on another computer maybe?
Best regards,
RikardMay 2, 2017 at 9:39 pm #786729It appears that one of the extensions in google chrome conflicts with the theme. I haven’t figured out which one yet but when you run the site in incognito mode the problem is resolved. I have spoken to someone from the google chrome forums and they have confirmed that one of the chrome extensions is causing the issue with the theme.
May 3, 2017 at 5:23 am #786876Hi,
Thanks for the feedback, much appreciate. We’ll keep the thread open in case you should have any additional info on the topic.
Best regards,
RikardNovember 7, 2017 at 12:11 am #873453Hi Everyone,
I had the same issue after installing the Google Chrome extension for Ad Blocker – only on my website that has video short codes in the sidebar.
Issue happened with Ad Blocker enabled, then when I disabled it for that page, the diagonal lines went away.I can’t help further than that, but thought you would want to know.
Deanna
November 8, 2017 at 4:23 am #873973 -
AuthorPosts
- You must be logged in to reply to this topic.