Free Photoshop Brushes, Textures and other Goodies.
One of the coolest things that the Jetpack plugin added to the WordPress admin was the CSS Stylesheet Editor. Here is the CSS code that I use to customized with my Twenty Fourteen theme with out building a child theme. Continue reading “Customizing WordPress With Jetpack’s CSS Stylesheet Editor”
Today I made some custom grey CSS3 buttons for the WP-pagenavi plugin. You get two CSS files in this download. One style is rounded and the other has a more button feel to it. You can easily change the CSS3 gradient colors by visiting Colorzilla and choosing a color you like.
Scroll to the bottom and see a rounded WP-pagenavi example: http://zeaks.org/
This is nothing new to all you CSS Ninjas. Here we will take a look at background opacity. I will show you how I achieved the look that you see if you click the demo link below.
For the opacity effect I used rgba. The a is for alpha.
191, 121, 0, 0.2 is the setting that you adjust for the amount of opacity you want to achieve.
background: rgba(191, 121, 0, 1.0);
background: rgba(191, 121, 0, 1.0); Opacity set to 1.0
background: rgba(191, 121, 0, 0.5); Opacity set to 0.5
background: rgba(191, 121, 0, 0.1); Opacity set to 0.1
The other way is using just rgb with a opacity: 0.5;. So the css would look like this.
background: rgb(191, 121, 0); opacity: 0.5;
To get the desired look just change the opacity:0.5; like we did above. Works the same way.
If you want to play around with some CSS3 check out this site! css3generator.com