{"id":469,"date":"2017-02-07T15:49:34","date_gmt":"2017-02-07T15:49:34","guid":{"rendered":"http:\/\/79.170.44.101\/dynamitebaits.kinsta.cloud\/?page_id=469"},"modified":"2017-02-23T14:48:14","modified_gmt":"2017-02-23T14:48:14","slug":"stylesheet","status":"publish","type":"page","link":"https:\/\/dynamitebaits.com\/hu\/stylesheet\/","title":{"rendered":"Stylesheet"},"content":{"rendered":"

Dynamite Stylesheet Guide<\/h2>\n

<\/h3>\n

Responsive Columns<\/h3>\n

<\/p>

2 column<\/div>
2 column<\/div>
<\/div>
\n
3 column<\/div>
3 column<\/div>
3 column<\/div>
<\/div>
\n
4 column<\/div>
4 column<\/div>
4 column<\/div>
4 column<\/div>
<\/div>
\n
5 column<\/div>
5 column<\/div>
5 column<\/div>
5 column<\/div>
5 column<\/div>
<\/div>
\n
6 column<\/div>
6 column<\/div>
6 column<\/div>
6 column<\/div>
6 column<\/div>
6 column<\/div>
<\/div>\n

Headings<\/h3>\n

Level One Heading<\/h1>\n

Level Two Heading<\/h2>\n

Level Three Heading<\/h3>\n

Level Four Heading<\/h4>\n

Level Five Heading<\/h5>\n
Level Six Heading<\/h6>\n

Images & Captions<\/h3>\n

OK, so images can get quite complicated as we have a few variables to work with! For example the image below has had a caption entered in the WordPress image upload dialog box, this creates a shortcode which then in turn wraps the whole thing in a div<\/code> with inline styling! Maybe one day they’ll be able to use the figure<\/code> and figcaption<\/code> elements for all this. Additionally, images can be wrapped in links which, if you’re using anything other than color<\/code> or text-decoration<\/code> to style your links can be problematic.<\/p>\n

\n

This is the optional caption.<\/p>\n<\/div>\n

The next issue we face is image alignment, users get the option of None<\/em>, Left<\/em>, Right<\/em> & Center<\/em>. On top of this, they also get the options of Thumbnail<\/em>, Medium<\/em>, Large<\/em> & Fullsize<\/em>. You’ll probably want to add floats to style the image position so important to remember to clear these to stop images popping below the bottom of your articles.<\/p>\n

Additionally, to add further confusion, images can be wrapped inside paragraph content, lets test some examples here.

And then… Finally, users can insert a WordPress Gallery<\/p>\n

Gallery<\/h3>\n\n\t\t