Nelson I am so grateful for this channel and for all the amazing plugins created by Peeaye creative. It's like you are a mind reader and always come up with solutions to issues I've been struggling with. Thank you so much.
2 роки тому+10
If you don’t have permission to load SVG files due to server security reasons, you can install the “WP Add Mime Types” Plugin and add the value “svg = image/svg+xml” in the plugin list.
This video was very useful - the bit that is missing in everyone else's help on this is to show that you need a mask or pattern selected in the builder GUI (any one will do). Thanks!
You might be interested in something potentially more sexy @@PeeAyeCreative I dug into the php files looking for how to add patterns and masks "properly" so that you use all the cool divi features for manipulating them in the GUI. Turns out there is a readme file in "Divi\includes\builder\feature\background-masks\mask" which gives instructions. I make my own SVGs so i'm going to give it a go now 😃
wuuuuttt??!! Was just thinking how useful divi masks/patterns would be if you could upload customs. Thanks! The masks are neat to play with, but not sure there's a huge group of Divi users who would choose a stock BG pattern/mask instead of just doing all the work in PS. If Divi's really the best tool for you I would think you're not doing a ton of on-the-fly design.
Yeah I don't think we builders are trying to compete with Photoshop, but why not get as close as possible for the majority of users. I think they are doing a good job at that.
The mask feature might require a bit more tweaking to the svg. Having it punch out to the background and show an image through is the big thing I'd want. I'd assume you'd have to knock the pattern out to do that. For color you might have to not declare a color in the svg code so Divi can css overwrite the color. I may play with this and see what the options are. Would be nice to be able to extract one of theirs to see the formatting of the svg.
Well, punching out the shape does allow a background image to show through. But not declaring the color just leaves it black and it doesn't change when you change settings. Slightly annoying, but doable. A note to other users... put the CSS in the page CSS settings area instead of your main theme CSS area so you only load the CSS on the page you are using it on. Unless you plan to use that mask or image all over the site. It works and will keep your site faster in general to do that.
For some reason this isn't working for me as the mask isn't updating on the front side of the site. ( The instructions are very easy to follow but the result isn't showing up with the updated mask.)
@@MrJerryArt This⤴ I was going nuts trying to figure out why the pattern wasn't updating, and it's not the first time I forget to remove the dot from the css class. Thanks!
Sure you could, but that's a bit more about vector design like from a graphic designer, so I'm probably not the best person to teach it. Basically any SVG could be created that has repeating pattern.
Question - Do I have to REPLACE an existing default pattern to use this hack, or can I just ADD a new pattern to the default pattern library? How about a way to just upload/add a lot more new patterns to the default library. Thanks
I think what's missing here is the understanding that the DIVI patterns are created using a combination of PHP and SVG code. Not an SVG image. That is why you cannot control the coloring aspect of the uploaded SVG patterns.
The only thing I don't understand is why the custom pattern / mask isn't able to pick up a colour from the selector, which would be even more helpful (a lot more helpful in fact as combining patterns with filters can make for some really interesting effects). Great vid though!
Why does this have to be a hack when it should obviously be a very simple "upload" feature??? feel free to charge me for it but the hubris to think their lame tiny pattern collection is good enough for designers.
@@PeeAyeCreative My complaint is with the Divi dev team. Your solution is greatly appreciated. It's why im here. This pattern feature is a lazy bolt on upgrade with ridiculous choices for most of the very short list of options. As a designer I love this feature but now I am using my time to jump through hoops and do the dev work for them instead of designing. Thanks again picking up the ball the divi dropped!
![Chris Langan - The Interview THEY Didn't Want You To See - CTMU [Full Version; Timestamps]](/img/n.gif)
Nelson I am so grateful for this channel and for all the amazing plugins created by Peeaye creative. It's like you are a mind reader and always come up with solutions to issues I've been struggling with. Thank you so much.
If you don’t have permission to load SVG files due to server security reasons, you can install the “WP Add Mime Types” Plugin and add the value “svg = image/svg+xml” in the plugin list.
This video was very useful - the bit that is missing in everyone else's help on this is to show that you need a mask or pattern selected in the builder GUI (any one will do). Thanks!
Glad it was useful!
You might be interested in something potentially more sexy @@PeeAyeCreative I dug into the php files looking for how to add patterns and masks "properly" so that you use all the cool divi features for manipulating them in the GUI. Turns out there is a readme file in "Divi\includes\builder\feature\background-masks\mask" which gives instructions. I make my own SVGs so i'm going to give it a go now 😃
OMG, you've just brought that update to a whole new level of relativity. Thank you!
Yes I feel custom uploads are so important.
Excellent video and explanation - many thanks and keep up the good work.
Thank you, I am so glad to hear you are enjoying the resources!
Super useful for the designers to incorporate. Thanks for the details!
Sure thing 👍
Man, this channel is awesome!
Thank you, so glad you like my videos!
Always quick with the new ideas 🙂
Yup gotta be quick so every other blogger can copy me 😊
Amazing videos, man! Thank you!
You're very welcome!
wuuuuttt??!! Was just thinking how useful divi masks/patterns would be if you could upload customs. Thanks!
The masks are neat to play with, but not sure there's a huge group of Divi users who would choose a stock BG pattern/mask instead of just doing all the work in PS. If Divi's really the best tool for you I would think you're not doing a ton of on-the-fly design.
Yeah I don't think we builders are trying to compete with Photoshop, but why not get as close as possible for the majority of users. I think they are doing a good job at that.
You are the best with divi
Probably not the best but I do know it well.
Thx for the help man, Love your videos!
The mask feature might require a bit more tweaking to the svg. Having it punch out to the background and show an image through is the big thing I'd want. I'd assume you'd have to knock the pattern out to do that. For color you might have to not declare a color in the svg code so Divi can css overwrite the color. I may play with this and see what the options are. Would be nice to be able to extract one of theirs to see the formatting of the svg.
Well, punching out the shape does allow a background image to show through. But not declaring the color just leaves it black and it doesn't change when you change settings. Slightly annoying, but doable.
A note to other users... put the CSS in the page CSS settings area instead of your main theme CSS area so you only load the CSS on the page you are using it on. Unless you plan to use that mask or image all over the site. It works and will keep your site faster in general to do that.
For some reason this isn't working for me as the mask isn't updating on the front side of the site. ( The instructions are very easy to follow but the result isn't showing up with the updated mask.)
Try pasting the CSS Class ID without the dot in front 😉
@@MrJerryArt This⤴ I was going nuts trying to figure out why the pattern wasn't updating, and it's not the first time I forget to remove the dot from the css class. Thanks!
does not work on siiders where you the mask as you can define the class on each individual slide.
hello, its possible create own custom divi divider patterns and masks? pls tutorial if its possible? :)
Sure you could, but that's a bit more about vector design like from a graphic designer, so I'm probably not the best person to teach it. Basically any SVG could be created that has repeating pattern.
I am not sure what I did wrong but I followed this step-by-step (or so I thought) and it's still showing the old divi background pattern...
How did you know I had exactly this question after I saw your video?
Because I did too!
Question - Do I have to REPLACE an existing default pattern to use this hack, or can I just ADD a new pattern to the default pattern library? How about a way to just upload/add a lot more new patterns to the default library. Thanks
If you watch the video you will see 😉 There's no way to add one to the library.
I think what's missing here is the understanding that the DIVI patterns are created using a combination of PHP and SVG code. Not an SVG image. That is why you cannot control the coloring aspect of the uploaded SVG patterns.
Right 👍
divi is showing i'm not allowed to add .svg files to the media
That's actually WordPress, so first you need to allow SVG uploads in WordPress with a plugin or snippet. We have a tutorial for that.
Will this reset after an update?
I guess the better question is, why would it? No 🙂
The only thing I don't understand is why the custom pattern / mask isn't able to pick up a colour from the selector, which would be even more helpful (a lot more helpful in fact as combining patterns with filters can make for some really interesting effects). Great vid though!
Yes agreed
Why does this have to be a hack when it should obviously be a very simple "upload" feature??? feel free to charge me for it but the hubris to think their lame tiny pattern collection is good enough for designers.
Do you realize you are complaining on a video that is generously giving you a solution?
@@PeeAyeCreative My complaint is with the Divi dev team. Your solution is greatly appreciated. It's why im here. This pattern feature is a lazy bolt on upgrade with ridiculous choices for most of the very short list of options. As a designer I love this feature but now I am using my time to jump through hoops and do the dev work for them instead of designing. Thanks again picking up the ball the divi dropped!
It was one of the first things I thought about when I was going through the patterns, thanks for sharing.
Yes the first thing I asked when I saw it too.