One of the top WordPress plugins available right now is the Digg Digg plugin. With its customizable social media integration into your website and the flexible positioning, it is becoming one of the most used plugins. But the best aspect that makes it worth getting immediately is the option to allow it to float on the right or left side of your website. This allows the social media buttons to always be present to your viewers and has the potential to significantly improve traffic to your site.
Yet, even with its great compatibility and marketing design, the look of the widget is only average. Fortunately, they encourage users to stylize the widget so that it is seamless with your web design. We will show you one great way to incorporate a CSS3 design technique to better integrate the Digg Digg plugin into your website.
To access the plugin’s editable CSS code, login to your website, click on the ‘Digg Digg’ button in the administration menu and select ‘Floating Display’. Assuming that this display is enabled, you have configured where this menu would be displayed, and the position of it in relationship to your content on the page, we can move down to ‘5.1 Initial Position’. In the textbox, add the following code within #dd_ajax_float { }.
[cc lang=”css”]-moz-box-shadow: 3px 3px 3px #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;[/cc]
The box-shadow property is a new CSS3 compatible property designers to easily implement multiple drop shadows (outer or inner) on box elements, specifying values for color, size, blur and offset. The incorporation of this technique with the Digg Digg plugin will give you all of the social media integration power along with a sleek and seamless design that gives it that top quality.
Speak your mind...