Comments (4)
Is something like this what you're after?
To do it you'll have to modify the source order and some grid related CSS on the author block (entry-meta
) and the main content block (entry-content
). Basically what I did was move the author block inside the main content, which floats to the left and allows the text to wrap around it.
The way it currently is structured the two sections are independent of each other. Visually I'm not a fan of the wrap so I didn't do it that way. Plus as you mentioned it does get kind of screwy at other screen sizes. Making the content readable on all browsers and devices was my primary goal with the theme.
from so-simple-theme.
Thank you for your quick reply.
This is exactly what I meant.
I agree with you, the wrap is not necessarily visually successful.
I was looking for a way of claiming all the space left empty under the author block to use it for the content and improve its display (less scrolling). I though of the wrap solution but there might be others ways to do it.
I tried moving the author block inside the main content (but did not change any CSS) before creating this issue. It globally worked but the author picture wasn't round anymore. Would you mind sharing with me the CSS changed you did?
from so-simple-theme.
You'll have to play with the width/height and border radius on the author image. What I did was just a proof of concept. I didn't touch the CSS and just moved some things around while inspecting the page in Chrome's web developer tools.
from so-simple-theme.
Ok, thank you again for you feedback on this, I'll see what I can manage.
from so-simple-theme.
Related Issues (20)
- bundle install fails : latest version 2.1.2 HOT 4
- Problem with Newly added dropdown menu HOT 4
- lunr in this project is not supporting Japanese (lacked script). HOT 3
- What `mathjax.tags` should I use if I don't want math equations to be automatically tagged?
- Build failing on GitHub pages HOT 2
- New notices and so-simple HOT 3
- Changes to kramdown break Mathjax rendering. (Easy Fix) HOT 2
- Cannot render latex locally HOT 1
- [Feature] Automatic theme-color setting HOT 2
- Change logo size
- Article width and author bar HOT 2
- Add Authors' Pages and Link To Them In Posts HOT 1
- [Enhancement] Dark Mode Toggle HOT 8
- Math does not show correctly HOT 2
- 2 pages with same layout but different content
- Google analytics now has two different styles of tracking codes that require different javascript. HOT 6
- Google Chrome Lighthouse Scan: Issues Detected
- Syntax error in tag 'highlight' when building via Github pages (remote theme) HOT 1
- Switch the theme from LTR to RTL
- My issue
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from so-simple-theme.