Hi, might be annoying question, but is there a cheat sheet anywhere of the pre-existing Boostrap classes which might have survived all the customizations?
E.g., Bootstrap 3 table classes? Color classes?
Normally I don’t need to deal with that for the “magazine” site, but for my ecom system I need to make a table on front page for our services for quick add to cart “chart”, and it occurred to me it was difficult to determine which classes were valid due to mix of CSS, LESS stuff. Newspaper 1.0 was pretty simple, Newsmag not as much, in this regard.
For example, to make red, or blue text in Bootstrap, the classes are easy to use; similarly the table classes have the striped, responsive options.
Also, any icon set being used, such as glyphs from Bootstrap, or a icon set list for your custom version of Fontawesome?
For instance, simply adding a shopping cart icon span manually on a custom table layout for a button, the built in Bootstrap buttons, colors, and FA cart class would be super helpful.
Seems dumb for me to hook a new version of Fontawesome to the theme since your font is being loaded, but not clear what icons are included in your version? (I guess I could open the TTF and print a spec sheet …. but that would be good to have for the theme docs, especially if Newsmag 1.6 will share some “conceptual” elements for Newspaper 5).
Basically, need to create responsive table with 5 columns, add to cart buttons and shopping cart icons on buttons, and be able to set some text red and some blue — all of that would take short time in Bootstrap (e.g., the active, info, warning, table-condensed, table-responsive classes); but not certain what of those classes carried over to the theme? Hence my query.
So, guess I’m looking for a Bootstrap 3 cheat sheet of what basic CSS elements survived, and a specimen sheet for the built in font/icons/glyphs, is such exists.
Trying to avoid ever using “shortcodes” which are against my religion, not being theme agnostic 🙂
Thanks, as ever!
Hi Chris,
Newsmag is no longer made with bootstrap. The grid system is custom made by us. Newsmag uses a grid system that is very unique and different under the hood compared to a standard bootstrap style grid (due to the borders and other design requirements). We deliver only the fonts that we use on the ui and the icons are made in house (we don’t use one of the free icon font packs). As more and more users rely on visual composer to make pages with buttons and other ‘non news-y’ items we dedicated a lot of time to support visual composer better and to have custom styles and fixes for most of it’s components.
Newspaper 5 is also not based on bootstrap.
A solution based on visual composer will not work? I know they are basically shortcodes and will tie you to visual composer but it’s very easy to built prototypes and to customize them until you reach a nice design.
Radu O.
Hi, Radu
thanks; was afraid of that. I don’t want to use visual composer for anything in posts/pages, but it might be okay for the home page. Not a big problem or anything. 🙂
After 20 years of web development I’ve come to NOT want to rely on any plugin or framework too much as things come/go then don’t work anymore, etc. So, for example I still have posts from early days of WordPress where the tags were inserted at bottom with [tags ] … well, when that changed, I now have couple of years of content with bracket tags at bottom of posts.
Visual Composer is not a bad thing to standardize on as a theme seller, however since I’ve got websites that have been around longer than 90% of the web, I’ve gotten a little jaded on things. I ended up standardizing on Bootstrap for a lot of things, as they did excactly what we were doing around here of having small batches of code we’d re-use for things like accordions and tabs, and whatnot; and they put it all together, so that was great for us since it was pre-packaged and had classes all set for use.
I also used shortcodes for buttons years back, theme dev went DOA with WP3, now all the buttons were [button] and don’t work. So, not going to trust that for anything tied to theme/or VC. Color me paranoid 🙂
Right now I would not want to use visual composer for posts in any way as if they go under, in 5 years, my sites would have 5 years of broken elements, and I’ve seen that happen too many times now to “rely” on that for anything other than, say, the homepage or category page tops — as you’re very nicely doing, hence my adoption of the theme(s) you’ve been doing.
For example, I would not use shortcodes to change colors, create tables, or anything like that in a post.
I’m not sure if WordPress has a built-in responsive table class, but if not, that would be something GOOD from Bootstrap 3 to keep in your own framework as it was a nice solution for having a table that couldn’t entirely collapse become a fake inline frame with horizontal scroll. I guess I should actually play around with it. 🙂
In any case if you have a cheat sheet for your icon font to be able to use in content, similar to FontAwesome spans, that would be super cool. 🙂
And yes, having a more flexible grid for the layouts than how bootstrap does it, is great for the borders, and boxes, and all that. Nice job!
Chris
