How to reposition arrows on your NextGen Gallery Plugin

We like NextGen Gallery for WordPress, but in the free version position of the arrows and close button make it look a little hacked together. We prefer to have the close button at the top right of the browser window, and the left and right arrows near the edges. It looks a bit more professional in our opinion. Here is the effect we’re going for:

So, we have a quick CSS fix for you if you’re using Fancybox with NextGen. Note that your selectors might differ depending on your current version, but it wouldn’t be difficult to adjust these basic id and classes.

Get Rid Of The Black Border in the WordPress 2016 Theme

To get rid of the black border in your WordPress 2016 theme, simple add the following code to your style.css



WordPress – How to Fix the HTTP Image Upload Error

In WordPress, to fix the HTTP error when trying to upload an image, there are 2 separate solutions depending on the reason you’re getting this generic error.

Solution 1

Add this line of code the top top of your .htaccess file:


Explanation: You’re likely on a shared server that, in order to prevent CPU abuse, prevents you from running multi-thread tasks, which ImageMagick does to speed things up. This tells ImageMagick to limit the thread limit to 1.

Solution 2

Now, if that doesn’t fix the issue, then the below solution will likely work:

Go to your themes functions.php file, and add this code


Explanation: Your server is likely running an outdated version of ImageMagick, so what this does is switch the default image editor to GD.



How To Add Google Fonts To Your WordPress Site the Right Way

Using Google fonts on your WordPress is quick and easy, and can be done in a few ways. Here are 4 separate ways, and we included the best for last. We’ll be using the font called Forum, for our example. Be sure to replace our font URL for the one you want to use.

1. Using a plugin

For a newcomer who’d rather not touch any coding… there are plugins. Both Easy Google Fonts and WP Google Fonts will suffice. This is the easier way, though we don’t recommend it. As with any additional plugin, there is (as slight as it might be) an additional layer to think about when it comes to security, code quality, upgrades, and whatever performance issues there may be. That being said, you can trust the plugins mentioned.

2. Importing

Another method would be importing your Google font in your main stylehseet (at the top).
Format here would be…

This method is simple and effective, but we don’t recommend it as it won’t download the font asynchronously along with the other site content.

3. Going commando on that header

This would entail going to your themes header.php file, and adding the link to your Google font. You should add this so that it comes before your main CSS file, like so:


While we feel this is better than the previous 2 methods, there is 1 other way we find best…

4. And now for the right (and nerdy) way.

We at EastSide code try to emphasize best practices wherever possible. In the world of WordPress themes, we think everything should be organized. For this reason, we recommend adding your font reference through your theme’s functions.php file.



And that’s that. Feel free to add your comments and questions below!

WordPress – Add the browser to the body class for super targeted styles!

Targeting a specific browser is something not often done. Our egos say that we can write code 1 way and it will be super cross-browser compatible — pixel perfect out of the box. Yeah right. You have doubtless run into a situation where you needed to target a particular browser with 1 or 2 styles rules, and I bet it wasn’t just IE 6 either. We’re here to make that easier for you with this plugin.

Adding a few classes to the body class is nothing new, especially in some major platforms like WordPress and Magento. This helps target certain things a bit better and to most often, be more page specific.

Example: WordPress adds “logged-in” to the body class when a user is logged in. This will let you create a specific style, such as:

.logged-in p { /* CSS rules here will only be applied to paragraph tags on pages where a user is logged in */}

This can be super helpful when the visitors browser and operating system are added to the body class. For example:

When a user running Chrome on Windows visits a page with our WordPress extension installed, 2 classes get added to the body, namely “browser-chrome” and “os-windows”

Want to target an unruly background position on an element that aligns in the rest but not in Chrome? Super easy!

.browser-chrome #unruly-element {background-potition: you get it…;}

Just make the browser class the parent selector, and you have a super browser-specific style.

Did we also mention that our plugin is super lightweight? Check it out for yourself:

Get it now here!

We’d love to hear your feedback!

Our New Site!

Yes, we’re happy about this! We here at EastSide Code are glad to announce our new site! We’ve been impatiently waiting to share how awesome we are to the world. Yes, our egos are huge for a reason — Our Clients Love Us!

Time and time again, people are looking for a website and then come to us with some past experiences with other agencies and freelancers that we find shocking. We pride ourselves in quality work for down-do-earth prices!

Our team comes from different areas in this digital industry, and we only have the best of the best in each area. eCommerce, iPhone & Android, Graphics, Marketing — here come the gurus, the best of the best.

This site isn’t just for you to find us, it’s for you to find what EastSide code is all about. It’s not just a company — it’s a way of development that is rare. Each of us has worked for some of the top full-service agencies in the New York area, and guess what? We take all the best practices and put it together into our process, for you!

So come join our community, explore. Finally, freedom to learn from the top people in the area in an honest environment, where our communication and pricing actually make sense!