I've got the blogging software Ghost 0.4.2 installed on a DigitalOcean droplet using one of their images.
The issue I have is that when I create a new blog entry, the top line of text I create is invisible to me, but turns up in the preview panel on the right hand side.
I've googled this and I can't see it's a reported issue.
I'm using Chrome version 35.0.1916.114 m
Your path may be different but the problem seems to be with Chrome, and the style tag for the editor.hbs file.
/var/www/ghost/core/server/views/editor.hbs
And change the single occurrence of
padding:15px
to
padding:50px
and then restart
service ghost restart
which fixes it for me. Thanks to NotNotJosh
Related
I'm creating a simple site here: http://dev.bajan.sk/poplar/en/ubytovna-poplar
The problem is only in MS Edge, there is a slideshow above the page content. In each other browser, which I tried, the content is below the slider, but in Edge it seems, like the slideshow would by position:absolute, or fixed. I checked a custom CSS, but there's nothing to repair.
My problem is, that I use win7, so it's impossible to install the Edge. I was using only browserstack.com account, but the free halfhour passed away and it's also very very slowly. If someone could help, I would be thankful.
I solved the problem.
This site was not created by me from scratch. I only took a job after a graphic designer, who played on coder. He didn't upgrade the plugins, which means, the very old version of bootstrap (from year 2014) was linked to site. The Edge browser has a problem. Two clicks to update the plugins and everything work fine now.
Like usual I transferred a wordpress site from dev to public environment (both on the same online server).
Everything was fine except the revolution slider on the homepage. This one is turned black. Text although is correctly displayed.
Like usual I updated all the url's and scanned the database to be sure all was done.
However something strange happend to the slider. When I use the chrome dev tools is can see a link to the image: http://domain.com/uploads/.... that is correct. But when I open this link in a new tab i get: http://domain.com/**http:/**domain.com/uploads/....
I did a search on the database but no text whit http:/domain.com (notice the missing slash!).
However on the path displayed via dev tools the image is found.
Already tried to export the slider on dev version and import to live but nothing changed.
Also in the revolution slider table the path is set correct.
Any idea on how the path is created? Or how I Can solve this?
The one slider on this site isn't really an issue but I got one ready to launch tomorrow with 30+ sliders and I don't want to recreate them all.
Thanks in advance!
Rather strang but here is the solution:
change the permalink structure to something else
turn back to what it must be
Never seen something like this before but it helped me to solve the issue.
Transfered 2 similar sites from the same dev server to the same live server with the same theme, wordpress version and slider and had no issues.
I am trying to move a menu one level up from the list, by accessing it via the WP Admin Panel --> Appearance --> Menus
The problem is, when I try to move the menu by clicking and dragging it like before, it just adds blank boxes below it, like in the screenshot!
I had even upgraded the Wordpress to 3.8.1. But still facing this issue!
Please pardon me if Stackoverflow is not the right place to ask this question. Please move to the respective child sites of Stackoverflow, if this question is not apt for here.
Thank you
-----------------------
EDIT
The following is what am seeing in Google Chrome's Javascript console:
When I searched in Google, the main cause for this is multiple declaration of jQuery. The above error points to the Pluto theme which is being bought.
It was found that, jQuery multiple version conflict was causing this issue.
And got it resolved finally, after updating the Pluto theme. Please note that, I have already updated the Wordpress to the latest version too.
Thanks #Manolis and #Howlin for their help.
I also Facing same Problem.
This problem can be solved directly by Installing this plugin
http://wordpress.org/plugins/use-google-libraries/
I came across this thread a few days ago looking to get rid of the stark white background in the DevTools window. One thing led to another and I started in on adding rules for many more elements using the base CSS file (chrome-devtools://devtools/devTools.css) as a guide.
The file being modified can be found in the following locations:
Mac: ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
PC: C:UsersYourUsernameAppDataLocalGoogleChromeUser DataDefaultUser StyleSheetsCustom.css
Ubuntu (Chromium): ~/.config/chromium/Default/User StyleSheets/Custom.css
Midway through, I started running into a problem when modifying rules with very common selectors. The first two I ran into were #main and #toolbar. When adding rules for the more common selectors, if a web page is also using these same selectors (ie. google search), then the rules are applying to those pages or sites as well.
I understand why this is happening. My question is...
Is there a way to only target the DevTools window in Chrome via this Custom.css file without affecting any other domain?
I've tried using the #moz-document domain () and #moz-document url-prefix ()declarations but can't figure it out...
I'm too far in to give up now, so I'm hoping someone can assist.
Here is a screenshot of my progress so far:
Ok, so after digging around, I noticed I actually missed the notice right smack dab at the top of the original article page:
Since publishing this article the Chrome Team have added a unique ID
to the container of the Chrome Dev Tools. The ID is #-webkit-web-inspector(Trac Reference)
So, the fix to my above post is to add body#-webkit-web-inspector to all of your selectors and it works perfect, thus only targeting chromes DevTools window. Also, very important... to those wanting to create a more complete theme, it’s HIGHLY RECOMMENDED to do it via "inspecting the inspector". More info on how to do this can be found here: How do you inspect the web inspector in chrome?
See screenshot below of "inspecting the inspector":
I have installed the Akiraka theme from RocketTheme and am trying to get my sub-menu's working. Currently when I hover over the main menu item a white box displays where the sub-menu items should be.
The site is: http://testing.bfcmv.org/
I have compared everything to their site and can't see any difference between my configuration and their configuration.
Which browser/OS are you using? It looks to be working OK for me.
Tested on Linux Firefox/Chrome
I was trying to use the most recent version of WordPress 3.2.x and found that I should have been using a 2.x version.