MENU

Change Mirages Image Style

May 16, 2018 • Read: 274 • Note

Code in the Page Editor:

<img src="https://photos.iweslie.com/Code.png" width="200px">
<img src="https://photos.iweslie.com/Xcode.png" width="200px">
<img src="https://photos.iweslie.com/AndroidStudio.png" width="200px">

insert <img> tag directly will show image in your page.

Show


block-style


After

block-style


Trick🔑

├── css
│   ├── 1.7.5
│   │   ├── **mirages.min.css**
│   │   └── OwO.custom.min.css
│   ├── mirages.min.css
│   └── OwO.custom.min.css

Page content image style in defined in Mirages/css/1.7.5/mirages.min.css under web page folder.

Open css through vim🤔

$ vim /www/wwwroot/iweslie.com/usr/themes/Mirages/css/1.7.5/mirages.min.css

Then, find the page-content image style using vim command

/.post-content img{border: 0;

press ↩︎

and change display: block; to display: inline;

Esc :wq ↩︎ to save the changes

Last Modified: September 20, 2019
Archives Tip
QR Code for this page
Tipping QR Code