My Website

Information

The 'Mini' theme content column (where this text is) has a maximum content width of 640 pixels compared to 740 pixels in the default 'White' theme. It's contained in a 'box' 700 pixels maximum width. On smaller devices such as tablets and mobile phones everything shrinks in stages according to the width of the device, but with a bit of space at the sides. The maximum side padding of the content box shrinks from 30 pixels to 20 pixels with side margins down to zero.

700 pixels maximum overall width (shrinkable).

640 pixels maximum content width (shrinkable).


Images

Images and video wider than 640 pixels are automatically shrunk to fit the width of the column, but they can be extended to the edges of the box by placing them inside a <div> with a class of w700.

<div class="w700">

<img src="img/example-image.jpg" width="740" height="400" alt="">

</div>

740 pixel wide image constrained to 700 pixels:

Images up to 1200 pixels wide can be accommodated with a class of w1200.

<div class="w1200">

<img src="img/example-image.jpg" width="740" height="400" alt="">

</div>

740 pixel wide image expanded to 1200 pixels on wide (desktop) screens:

Extended coloured side borders (except on small screens):

The markup:

<img src="img/example-image.jpg" width="740" height="400" alt="" class="bgmaxw4">

bgmaxw4 is one of nine available colours: bgmaxw0 – bgmaxw8 illustrated here »

The images (and video) will always shrink-to-fit on smaller devices such as mobile phones.


Page last modified: 24 September, 2020

Comments

No comments so far.


Leave a comment