Github.io image links - css

I have an issue with the image paths on github.io it seems that it can't display images from my github repository (yes I checked spelling with case sensitivity) and I'm kind of out of ideas maybe you'll spot my mistake. If you want to check the linking go to src/css/inc/variables.scss. Thanks for your help! Repo: enter link description hereWebsite: https://b0r3d.github.io/PDH/
Answered below

Ok apparently it took 1h to parse those images so they display. Answer to the problem with github images would be either you made some spelling mistakes (github is on linux which results in case sensitivity) or your images are beeing processed for quite a long time

Related

Woocommerce website product name not showing full

I have a woocommerce site on the front page product title now show full it's show half title and then 3 dots pls anyone can fix this
My website
Woocommerce
I have tried to edit template but it's not works
I have check your installation but didn't spot any issues about the problem that you described.
Check screenshot: https://prnt.sc/BYr-zaTIk4Of
BUT, I have checked the whole site for any issues and I have see this: https://prnt.sc/Hb61fv_wk0IP
Now if you this is your problem it's very simple. You have to edit your main .css file which is located in /wp-content/themes/elessi-theme/style.css and then search for ".nasa-show-one-line" and in this point delete the second rule which is "white-space: nowrap;" like screenshot here: https://prnt.sc/rWOLVKoRnsQg
Before you start to make any changes just remember to take a copy of your css file locally.
I hope to help you with this issue. If you need something else just inform me to take it to another step.
Friendly, George
This may have to do with CSS. So one option is to check what happens there. Another option is to give us a live URL from your installation to check the problem. Sure it's simple to find a a solution.
-- You can check your theme's demos if it happens the same there like in your installation!

Logos missing after Wordpress migration

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.

Why Is My Wordpress Theme Losing CSS On Mobile?

I'm working on a Wordpress theme over at http://mbgb.co.uk/blog
Up in-till an hour ago all was OK, now however whenever accessing the site with mobile dimensions, the previous CSS has disappeared. I've tried going back to previous CSS but that's not working and to my knowledge I've not touched any other part of the build.
Any advice?
Thanks in advance.
I have checked the url you mentioned.
Found some weird tags.
Please open your website and view your page source(Ctrl + U).
Preferably in Mozilla Firfox. As there the errors will be highlighted.
Please see the attached screenshots.
Go through the page source and resolve the things that are making these occur.
Please check
Please check
Did you checked if there are css rules that make your CSS appear only for desktop screens? This could be only explainable reason.
I'd just left a tag out - one day I'll learn not to panic. Sorry guys.

Images won't appear in wordpress.org site

Here is the site that I am working on.
http://afinderskeeper.com/
Here is an example of the logo image that I want at the top
http://afinderskeeper.com/?attachment_id=64
The theme is mayashop, and I am having issues with the images loading. In the media library I am able to see all the images. In the theme options menu in the backend, it asks me to enter the url of the logo image/ favicon/ etc. into the text field. So for the logo, I am simply pasting that second url from above, save, but I still get the placeholder box, not even the correct size.
I was having a redirect issue earlier and couldn't even view any of the images.
It just kept taking a while to load and coming up with a redirect loop. I found online someone had switched the permalink, so I switched mine from "month and name" to "default" and now I can at least see the images on the second link, but I still cannot figure out why they don't show up in the proper places. I hope this makes sense.
I will also mention that I don't really know any php so if this is what it takes, please be very specific for me, thanks!
You're using the wrong urls for the header image and, possibly, the other images that are giving you trouble as well. Instead of referencing http://afinderskeeper.com/?attachment_id=64, you want to edit that image from the media library and get the file url. It will be something like http://afinderskeeper.com/wp-content/uploads/2014/02/afk_header_logo.jpg
I am just a random stranger on the internet, but I have to thank you guys! Your solution fixed a problem on my site that has bugged me for ages!

How to retrieve cached version of Style.css

I accidently overwrote my stylesheet and need help to find a backup
I know this is an old post and i know this won't help the OP anymore, but i was searching for the same thing and found a talented guy who made a terrific and simple copy/paste (no kidding!) tool to recover a cached file!
http://www.sensefulsolutions.com/2012/01/viewing-chrome-cache-easy-way.html
For anyone ever in need for such solutions, go there and follow the instructions, nothing so simple and helpful! saved me tons of hours of work!!!
And remember to thank this awesome guy! :D
In Firefox type "about:cache" in the adress bar, and click on the link to list all the cached files... if I discover how to do the same in other browsers I'll update my answer.
Good Luck meanwhile... and +1 for the "backup" tag! LOL :D
Edit for Opera and Chrome
http://www.techyard.net/view-opera-and-chrome-cache/
Windows users:
Right-click the file or folder, and then click Restore previous versions

Resources