Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Can you show us a page in your website to illustrate what you mean?
This is a post page as you can see the motorbike looks like it has a white background but it is transparent so I would like it to have a chequered background to show its transparency http://freepngimages.com/police-motorbike
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then do the following:
- Install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
- use its “CSS Code” section of the dashboard to hold your CSS modifications:
-
(put this code in)
.wp-post-image {
background-image:
-moz-linear-gradient(45deg, #000 25%, transparent 25%),
-moz-linear-gradient(-45deg, #000 25%, transparent 25%),
-moz-linear-gradient(45deg, transparent 75%, #000 75%),
-moz-linear-gradient(-45deg, transparent 75%, #000 75%);
background-image:
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #000), color-stop(.25, transparent)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #000), color-stop(.25, transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #000)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #000));
-moz-background-size:100px 100px;
background-size:100px 100px;
-webkit-background-size:100px 101px;
background-position:0 0, 50px 0, 50px -50px, 0px 50px;
}
- Save
Alternatively use your Child Theme style.css file to hold your CSS modifications
http://lea.verou.me/2011/02/checkerboard-pattern-with-css3/
You are the best thank you so much for your help
This works great on my site but is there any way i can make it work on internet explorer background is just showing as white? thank you
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I would recommend creating the pattern in an image manipulating tool, Photoshop for example. Then just using CSS background image to import that in. This will require a child theme.
