[mezzanine-users] Re: Good approaches to doing graphics customization?
Hmm.. I'm not sure if this will help you, but as a visually...bad developer, I've gotten quite far by replacing the bundled bootstrap with the LESS or SASS port and then just trying to get as far as possible by just editing variables in there. I find going into here https://github.com/twbs/bootstrap-sass/blob/master/templates/project/_bootstrap-variables.sass and editing variables easier than just hunting for all the relevant classes in the CSS version. On Monday, 4 May 2015 12:43:32 UTC-7, Brian Osborne wrote: > > All, > > Just starting out with Mezzanine, it's very impressive, and I'm happy that > it's Python. Should add, I'm working on Mac OS. I'm more of a coder than a > graphics designer. In fact I'm not a designer at all! > > I want to do some basic graphic customization (change some div or element > to a different color, change a button color, and so on). I use Sublime > Text, and if I go into "Develop" mode in Safari and use its "Inspect" > button I'm able to figure out where most of the elements are in the CSS, > and then I can modify them in the css/bootstrap.css file. > > But this is really clunky, and there are still visual elements that I can > not find and modify. Can anyone give me advice on effective ways to do > this? WYSIWYG or not, commercial or open source. > > Thank you in advance, > > Brian O. > > > -- You received this message because you are subscribed to the Google Groups "Mezzanine Users" group. To unsubscribe from this group and stop receiving emails from it, send an email to mezzanine-users+unsubscr...@googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[mezzanine-users] Re: Good approaches to doing graphics customization?
Also: sorry, I did not initially see that you are already using the browser to inspect elements -- but yes, that is the best way (even though it is clunky, as you say). On Monday, 4 May 2015 12:43:32 UTC-7, Brian Osborne wrote: > > All, > > Just starting out with Mezzanine, it's very impressive, and I'm happy that > it's Python. Should add, I'm working on Mac OS. I'm more of a coder than a > graphics designer. In fact I'm not a designer at all! > > I want to do some basic graphic customization (change some div or element > to a different color, change a button color, and so on). I use Sublime > Text, and if I go into "Develop" mode in Safari and use its "Inspect" > button I'm able to figure out where most of the elements are in the CSS, > and then I can modify them in the css/bootstrap.css file. > > But this is really clunky, and there are still visual elements that I can > not find and modify. Can anyone give me advice on effective ways to do > this? WYSIWYG or not, commercial or open source. > > Thank you in advance, > > Brian O. > > > -- You received this message because you are subscribed to the Google Groups "Mezzanine Users" group. To unsubscribe from this group and stop receiving emails from it, send an email to mezzanine-users+unsubscr...@googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[mezzanine-users] Re: Good approaches to doing graphics customization?
You might want to take a look at the section on "Modifying the CSS" in this tutorial (it's near the bottom): http://rosslaird.com/blog/customizing-mezzanine/ In general, I use a separate CSS file for my customizations (loaded after the bootstrap CSS), and I use either Emacs or Sublime Text (or Vim) to make the actual changes. All work very well. Also, typically the best way to identify elements to change is to use the web development features (or extensions) of your browser. In Chrome, the key for this is Ctrl-Shift-i (that's a letter i). Hope this helps. Ross On Monday, 4 May 2015 12:43:32 UTC-7, Brian Osborne wrote: > > All, > > Just starting out with Mezzanine, it's very impressive, and I'm happy that > it's Python. Should add, I'm working on Mac OS. I'm more of a coder than a > graphics designer. In fact I'm not a designer at all! > > I want to do some basic graphic customization (change some div or element > to a different color, change a button color, and so on). I use Sublime > Text, and if I go into "Develop" mode in Safari and use its "Inspect" > button I'm able to figure out where most of the elements are in the CSS, > and then I can modify them in the css/bootstrap.css file. > > But this is really clunky, and there are still visual elements that I can > not find and modify. Can anyone give me advice on effective ways to do > this? WYSIWYG or not, commercial or open source. > > Thank you in advance, > > Brian O. > > > -- You received this message because you are subscribed to the Google Groups "Mezzanine Users" group. To unsubscribe from this group and stop receiving emails from it, send an email to mezzanine-users+unsubscr...@googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[mezzanine-users] Re: Good approaches to doing graphics customization?
Wow. Not the greatest of questions, because I haven't even installed ckeditor, let me try that approach right now. Sorry about that! On Monday, May 4, 2015 at 3:43:32 PM UTC-4, Brian Osborne wrote: > > All, > > Just starting out with Mezzanine, it's very impressive, and I'm happy that > it's Python. Should add, I'm working on Mac OS. I'm more of a coder than a > graphics designer. In fact I'm not a designer at all! > > I want to do some basic graphic customization (change some div or element > to a different color, change a button color, and so on). I use Sublime > Text, and if I go into "Develop" mode in Safari and use its "Inspect" > button I'm able to figure out where most of the elements are in the CSS, > and then I can modify them in the css/bootstrap.css file. > > But this is really clunky, and there are still visual elements that I can > not find and modify. Can anyone give me advice on effective ways to do > this? WYSIWYG or not, commercial or open source. > > Thank you in advance, > > Brian O. > > > -- You received this message because you are subscribed to the Google Groups "Mezzanine Users" group. To unsubscribe from this group and stop receiving emails from it, send an email to mezzanine-users+unsubscr...@googlegroups.com. For more options, visit https://groups.google.com/d/optout.
