Wordpress custom theme – The Tattoo Crew. Because this template takes up the entire width of the screen it had to become responsive, so if you make your browser window smaller you will see that it shrinks with the size. I used FlexSlider for the carousel, perfect for responsive themes.

The post WordPress Custom Theme – The Tattoo Crew appeared first on Red Group.

This project for Hooson Music was a complete design build of a WordPress custom theme. There are some excellent plugins for musician sites. Gigpress for upcoming gigs, Tubepress for video pages pulling videos from a Youtube or Vimeo channel, Woocommerce was used for the shop, and NextGen Gallery for the photos.

View the site at http://hoosonmusic.com/

The post WordPress custom theme – Hooson Music appeared first on Red Group.

But do not fear there is a way to fix this ghastly problem.

You theme may have the something like the following ID tags and classes in your page.php file:

<div id="container">
<div id="content">
...the loop goes here
</div>
<?php get_sidebar(); ?>
</div>

Simply put you have placed the content and the sidebar within a container. However, viewing a shop or product page the sidebar has moved outside the container div. To fix it, you first need to tell WooCommerce off and send it to the corner. Open up your function.php file and at the end before the closing ?> add the following code which tells WordPress to remove the content before and after functions which WooCommerce was so nice to include:

remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);

Once that has been removed, you can then add it again with your own rules:

add_action('woocommerce_before_main_content', create_function('', 'echo "<div id=\"content\">";'), 10);
add_action('woocommerce_after_main_content', create_function('', 'echo "</div>";'), 10);

The

<div id=\"content\">

bit would be the ID tag that you have used, i.e.

<div id="content">

which you would need to change accordingly.

I did have an occasion where I recently did this but still had a problem. It was a conversion of an HTML site to WordPress and the divs used would not show up on a WooCommerce page no matter what. To get them to show I had to add all of the div tags that were included before the content div on the page file. Having done this, the sidebar was still dropping down as it was then being pushed outside the entire container area. To fix this problem I had to take the opening div tags before the content and put them in the header.php file and then close them in the footer.php file. So instead of:

<?php get_header(); ?>
<div id="container">
<div id="content">
...the loop goes here
</div>
<?php get_sidebar(); ?>
</div>
<?php get_footer();
?>

in the page.php file, it became:

<?php get_header(); ?>
<div id="content">
...the loop goes here
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Which forces the sidebar back into the container div.

I hope this helped.

The post Fixing the WooCommerce Page Styling appeared first on Red Group.

Facebook Like Button

This is basically a Share button and can be added with other share buttons from different social media sites. A Share button, or the FB Like Button is very important to your site, more so than the Like Box. When a visitor comes to your site and they read through your content, they can share that page with their friends. They simply click the share button and once they have done the necessary stuff such as login to their account, the link to your page is sent to the feed on their social media profile.

To be more specific, Visitor A comes to your site, reads a blog post they want to tell their friends about and so they click on the Facebook Like Button (or Share button) and the URL, title and image of your blog post gets sent straight to Visitor A’s profile page. Visitor A’s friends see the entryon their timeline and they click through to your site to read the article making them Visitor B (etc. etc.). They like it and want to share it with their friends and so Visitor B clicks on the Like Button and shares it on their profile timeline.

See why I say this is very important to your site?

Facebook Like Box

This is specific to people with Pages (Fan Page). The difference between your personal profile and your Page is that the Page will have a Like button on it. You don’t send friend requests, people Like your Page. The Facebook Like Box displays information about your Page on your site. So you can display the stream/feed from your Page’s timeline and the faces of people who have liked your FB Page. People can also like your FB page directly from your site instead of going to the Page itself.

In a Nutshell

To put it all into basic terms, the FB Like Button is about your visitor sharing your website with their friends, whereas the FB Like Box is about directing people to your FB Page.

The Like Button can come in different formats also. It can be as per the image shown above with the Like button, how many people have liked that page on your site and you can also display their faces, or you can make it a simple icon as you can see if you look to the left of your screen (where it says Share…).

I hope this has cleared up some confusion for many people.

The post Facebook Like Button and Box – The Difference appeared first on Red Group.

Adding a custom background to your twitter page gives you the edge. If you have a site then your twitter page can look the same, giving your visitors and followers a seamless experience. Also check out http://teach.travel to see how your Twitter Page can resemble your website.

The post Twitter Page Background – teach.travel appeared first on Red Group.

The post Aspiring Backpacker appeared first on Red Group.

The post OneStep4Ward appeared first on Red Group.

The Gaming Developers, Marvelous AQL (MAQL for short), have opened up a branch in Europe. This project was a complete design to code of a WordPress theme. A nice little feature on the Game pages include the Mosaic jQuery plugin on image hover to pull up a box with more details, linking to the game’s page.

View the site at http://www.maqleurope.com

The post MAQL – Custom WordPress Theme appeared first on Red Group.

Check out the site at http://stereolove.com

The post Stereolove – PSD to WP appeared first on Red Group.

Visit the band at http://americahearts.com

The post America Hearts – WordPress Theme appeared first on Red Group.