Posted this earlier, forgot to provide a link:
http://amesmakerspace.thenittygritty.org/
Trying to build the above site, and trying to change how it responds to changing the width of a browser window. In chrome I right-click and choose "inspect element" and for the dive "header-right" it shows that the width is changing based on "responsive.css?ver=3.9.2*". I have no idea what that is. When I select the style sheet, it shows "#media screen and (max-width:1240px)" at the top. I am able to change things, but I have no idea where to find the responsive.css sheet in wordpress. Anyone know where it is so I can edit it?? It is absolutely nowhere in the "editor" menu, I checked everywhere.
Thanks
responsive.css is placed insider youthemefolder/css/responsive.css.
As you can see the Url http://amesmakerspace.thenittygritty.org/wp-content/themes/Cinematix/css/responsive.css
you can't access this file from wp-admin editor.
you can access using FTP or C-panel
you need c-panel credential where you can go and change.
Need any other help you can tell me anytime
Related
in the hamburger menu of our website, i created a Yoga Video Course Page via wordpress and it was working fine. I looked this morning and can see it in Wordpress and can even edit it and see it on the preview. However when i try to view it on our website th screen appears Black.
Any suggestions would be grateful?
Thank you
Please try to open the inspect element and look if the elements are displayed as required. The issue might be due to several reasons. You need to investigate further and find a solution. Also look at the network tab on inspect element to make sure there are not 500 internal server errors. Also set the wp_debug=true on config.php to provide more error info. Also try to activate another theme and see if the page is being rendered properly.
I am setting up a website to be live that is created in Wordpress. The problem here is that I am trying to save some CSS changes I made in developer/Inspector tab but I can't in Internet Explore.
The inspector tab is just for preview. You can't save CSS attributes in there.
Select your CSS codes which you have just writed, open your WordPress dashboard > Appearance > Additional CSS. Paste into in this area.
You can go for google chrome and install this
https://chrome.google.com/webstore/detail/styleurl/emplcligcppnlalfjknjbanolhlnkmgp
this is cool stuff to view changed css.
The developer tools of any browser do not have access to your wordpress account and therefor can not make any changes to the actual site, otherwise anyone could exploit it to modify/delete the contents/appearance of your site.
As previous answer stated add the CSS you changed as Additional CSS in your WP dashboard.
When my website was in development stage(i.e. when it's on localhost), I was easily able to change section background and effects used to reflect immediately. But when I made my site live on Windows Server 2012 and tried to update section backgrounds, background is not updating. Whenever I add new image to server, it's not displaying in section background. But when I try old uploaded images, all those images display.
I tried following possible solutions:
I changed absolute path's of images to relative path, but not worked,
I cleared wordpress' cache, it also not worked,
I cleared browser cache, it also not worked,
I changed "CSS Print Method option" to "Internal Embedding" from "External CSS" in elementor's settings option, it also not worked,
I'm not using another page builder
I tried templates that also not worked.
I checked this elementor's link also - My changes do not appear online, what can I do?
But above document didn't work for me. Is there anyone faced this issue and have solution for this problem?
For the second time i struggled with this issue for hours only to find the quick fix:
Elementor > Settings > Advanced > CSS Print Method > Internal Embedding
I tried many of your answers, but with no effect.
Style > Background and then select HOVER (Instead of NORMAL) finally did the trick!
This problem occurs just because of "User Permissions". I used Microsoft Windows Server 2012, So I followed following steps:
Go to Control Panel -> System and Security -> Administrative Tools
Search for Internet Information Services (IIS) Manager and double click on it
Then go to sites
Select your live site -> Right click on it -> Edit permisions
Go to Security tab
Click on edit -> Click on "Add..." button for adding new user.
Type Every -> click on Check Names -> Click on Ok
Now you can see "Permissions for Everyone" options below Add and Remove buttons.
Check full control check box and click on apply
And finally click on Ok.
Now elementor can read images. When you'll update image, you need to stay calm and wait to update. It'll take time to change.
Don't make Image Size option full, it'll take too much time to update. Instead of that use 1024x1024. It'll update fast and you can see change immediately.
Just don't forget to remove that user after complete updation of live site. It's bad practice to have full access to live site.
I had a similar problem. I couldn't get images or background colors to show up on my background. I found that the background overlay was set to white with an opacity of 100%. Once I set it to 0% opacity everything worked. I don't remember setting any overlay so it was probably on by default.
Please, if anybody knows how to solve this disaster.
I have erased my style.css content in Atom editor and then the editor crashed. Now, the file is blank.
However, I have opened the webiste in several Firefox tabs as well as in Chrome and Opera.
Please, can you help me to find a way how to get the style.css file back.
There should be a way how to get it if it's in browser opened.
I have solved this guys ;D !!!
So, if anybody needs to solve this in the future, the key is to select "Live Edit" instead of "Source Edit" and select the css file from the select box on the left and then copy the stuff that will show up. Source edit will show nothing aka blank page content.
Here is what I mean:
Try to get the CSS from Google Web Cache - check this. Maybe Google saved the page you were working on, IF it was publicly available.
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!