I am getting an error with my Facebook likes when using share this plugin or any facebook like script with my theme
Here is my style.css.
Can you please tell me what to edit or remove?
Maybe overflow:hidden?
The same happened with me but automatically fixed in 2 weeks.
or try to delete cache and cookies it also happens due to incomplete loading a cache and cookies
It's clearly CSS issue. I bet you have styled <li> element that holds FB like item as overflow:hidden. As you suggested. Please drop the site's url, so I could look into it.
Related
I am developing a sample website using Hugo static website generator by using the Docsy theme.
The website includes the Cookie Banner so I have added the same to my static website by referencing the approach mentioned from here: https://hugocodex.org/add-ons/cookie-consent/.
Ideally, I would like the banner to be visible something like this:
But currently its looking something like this:
When I have added it along with styles and partials its not looking like that. Maybe some style is messing up the child cookie consent styles but unable to figure out the same. Can someone please let me know what am I doing wrong here?
I have added my complete code in following github project:
https://github.com/Aravinda93/hugo-docsy-learn
I am quite new to Hugo and Docy so getting bit confused on the folder and file structure hence unable to figure out which parent style is messing up my Cookie consent modal. Can someone please help me with some suggestions?
I tried couple more things but still the cookie banner is not displayed as I intended it to be. Can someone please provide some suggestion?
The swiper.min.js file that was part of my WordPress them is not allowing any lightbox related plugins on my website to load. When you click on it, you can see the lightbox arrows for a split second, then it redirects to the original media URL. Can someone pinpoint what it is in the swiper.js file that is making this happen. That way I can remove it. I would so appreciate it. I've been spending days trying to figure out what the issue is, and I've finally at least pin pointed that it's coming from swiper.min.js.
Website link where lightbox plugin is used: https://smithspecialized.com/edmonton-drawworks/
I tried removing some things in the file that I thought had something to do with the lightbox redirecting to media URL, but then it broke the code so I think I removed too much, or the incorrect section in the code.
Hey there it's difficult to find any error without accessing website from inside. If don't want to give access then-
please use different plugin or
try to disable and enable plugin, as sometime confliction between plugin caused the issue.
any idea why the styling is so weird on this page?
I am not importing anything wrong here and the page has just decided to render like this? why? it was not like this earlier.
For some reason I cant find a place to edit the header logo. The logo will appear in chrome browser. In most browsers, it will just be a blank square and say logo.
This all happened after a migration to a different server/database.
There is some info about plugins needing an authentication key. However, Im unsure if this is the problem as it requires purchase. Any ideas? Thank you!
It's a bit unclear on why this would happen as there are a number of reasons.
Here are a few main things to check:
Did the wp-content/uploads/ folder get copied across fully?
If point-1 is correct, can you access the logo file via URL?
Are you using a theme builder to add in the logo? If so, you might need to export and import a theme builder file.
No need to purchase anything. Since you mentioned that this happened after migration. This could be a source issue, the url of the image could be broken or still leading to the old website url. You can check this by going to the DevTools on chrome by tapping F12. Then, click colsole to check if there's an error and let us know about it.
I have a friend that has a really strange issue with my website. When he clicks on http://www.copeo.fr/ the page displays fine but when he clicks on a link like www.copeo.fr/user/ the CSS is not applied even after a refresh. The raw html does display.
I asked him to display the CSS that is hosted on amazon S3 hcopeoressources.s3.amazonaws.com/style/futurvert/style.css and it displays fine.
The code validates on W3C validator so does the CSS. I am lost what could be the origin of the issue. Could it be its enterprise cache? configuration of IE7 on his machine?
If it happens to someone else who could explain the issue to me, I am all hears.
Thanks
Ok got my answer. The firewall blocked the CSS that is stored on amazonaws and for the first page, it was a cache that was filled outside of the company firewall.
Sounds like he is using relative path names. /foo/bar.css will resolve to sitename.com/foo/bar.css but foo/bar.css will resolve to sitename.com/currentpath/foo/bar.css.
There is an IE bug that if you have more than 30 style sheets, some or all of them won't show:
http://support.microsoft.com/kb/262161
It could possibly have something to do with that.
When I hit the CSS URL I got:
"This XML file does not appear to have any style information associated with it. The document tree is shown below"
We use S3 at work for this type of thing and don't have issues, but I think pulling the CSS file off amazon S3 and storing it on a more traditional server might help with your trouble shooting. Or even solve the issue.