Thank you for the answers.
I already tried the nbsp thing but I’m not getting any results.Maybe I’m doing it wrong?
Try adding more or less nbsp until it fits better. Try adding them above or below the image or both. Try with a classic space character between each nbsp or without it. I don’t really know how to make it perfect some combination of the above could help you make it better.
Can you even add inline styles to the item description? I haven’t tried that yet
You can’t unfortunately
You could spam the contents of the TD tag with nbsp as a last resort but it’s tedious.
Just about any pasta
Cooking is a lot about experience/technique, equipment and fresh/quality ingredients, you don’t need a complex recipe to prepare a tasty food.
You’re ranked 73rd for sales across all marketplaces
You’re ranked 38th for sales on ThemeForest
You’re ranked 167th for sales on CodeCanyon
I would like to make a thread where people can share tips and resources for cross-browser testing.
I will start.
I am using OSX as my system of choice so everything below applies to OSX only (but some apps or their variations can be installed on other systems as well if you look it up):
IE6, IE7, IE8, IE9, IE10 and IE11
Install VirtualBox and Win+IE virtual machines images
- Follow the instructions here: https://github.com/xdissent/ievms#installation Please note that installing all IEs can take roughly 50GB because every IE comes with it’s own copy of Windows XP/7 (free trials)
Install Xcode to get the iOS Simulator
- Download and install Xcode from the Mac App Store.
- Launch Xcode.app
- From the top menu bar select:
"Xcode –> Open Developer Tool –> iOS Simulator". This will launch a separate iOS Simulator.app in your Dock and if you right-click on it’s icon, you can then select:
"Options –> Keep in Dock"so you can have it readily available without the need to launch Xcode first
- Switch to a desired iOS device in the top menu bar:
"Hardware –> Device".
Using Safari developer tools to inspect websites in iOS Simulator
- Launch iOS Simulator.app and open a webpage
- Launch Safari.app
- From the top menu bar go to
"Safari –> Preferences". Then switch to the
"Advanced"tab and make sure you have
"Show Develop menu in menu bar"checked
- From the top menu bar go to
"Develop –> iPhone/iPad Simulator –> Your Webpage"
Install VirtualBox and Genymotion
- Download and install VirtualBox. You won’t run the Android simulators via this app but it’s needed to be installed on your system.
- Download and install Genymotion. This is the app you will use to run Android simulators.
- Register for a free account at Genymotion. The basic features are free and should be enough for any web developer in most cases. You will need this account to download Android devices into their Genymotion.app.
- Launch the Genymotion.app and and click the
"Add"button. Near the bottom is where you need to log in with your Genymotion account. Then you will be able to select an Android device from the
"Available Virtual Devices". Simply follow the instructions to install that particular device and then just press the
"Play"button to run it.
If you have any tips or resources in regards to cross-browser testing as well, please share them below. Thank you
Here you go:https://www.google.com/fonts/specimen/Fredericka+the+Great
You can just zoom in with
+ (Win) or
+ (Mac) several times. Such big zoom will simulate a HiDPI device. After you zoom in you will need to refresh the page to load (some of) the retina versions of images. You can tell if the retina version of an image is loaded either by seeing a blurry picture or if you inspect it with a browser’s Developer Tools.
Just curious, do you use compiler so there’s no ‘real’ CSS file in theme, only .less files (cached of course) or you put one compiled style.css and option to use .less for those more advanced users?
In our plugin (see codecanyon) we enqueue the LESS/SCSS files directly. Beginners can still write plain ol’ basic CSS into LESS/SCSS files without any problems.You have to remember most people using pre-processors don’t write complex (WordPress) themes with stylistic user options so they are more comfortable just using a watcher/compiler on their PC. But like fitwp said, you can pass a LESS/SCSS variable from backend to one of your LESS/SCSS files – that right there can be really powerful. This also means you don’t have to output the custom code in head
Sounds great, but I’m wondering if it does have any impact on server? Isn’t it heavy task to compile the LESS/SCSS files, or is there some cache? I’m using it only on localhost and I didn’t test it but it seems to be a little bit slower, but I’ve never dug through that topic to learn more about it Probably it’s time to do it.I’m using this solution https://github.com/oncletom/wp-less but I’m going to try your plugin, is it possibel to include it in themes for sale on extended license?
There is a built-in cache, so compilation only happens if a change is detected in your LESS/SCSS file. Serving from cache takes about 1-2ms. So it does not have any impact on website visitors after it’s compiled and saved in cache. The compilation itself takes maybe a few hundred ms but it depends on the speed of your server and the size of your files.
Change detection is also very fast. The cached files are named with a hash that is generated from the file path and date of last modification of the LESS/SCSS file. So when you modify such file, the timestamp will change and the hash will be different. Therefore if there is no hash match in the cache, it will compile that single file again and save it as a new cache file with a new hash name.
Lastly, all cache files that have not been used in the last 14 days are automatically deleted to not bloat your server HDD over time.
...is it possible to include it in themes for sale on extended license?
Yes, absolutely, we try to design all our plugins in a way that they can be used by a different author under Extended License. If you would need any help, feel free to contact us directly, preferably in item comments.