Comments (3)
eishundo
commented on June 21, 2024
1
You can create your own CSS override file to achieve this.
With v4.0.0:
assets/styles/override.scss
/* Used to display background image */
.home .background {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
background-attachment: fixed;
background-position: center;
transform: scale(1.0);
filter: blur(0px);
/*
transform: scale(1.1);
filter: blur(3px);
*/
background-size: cover;
}
Prior to v4.0.0:
static/css/style.css
/* Used to display background image */
.background {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
background-attachment: fixed;
background-position: center;
transform: scale(1.0);
filter: blur(0px);
/*
transform: scale(1.1);
filter: blur(3px);
*/
background-size: cover;
}
The original transform and filter values are commented for reference. No need to include the commented code in your files.
from toha.
hossainemruz
commented on June 21, 2024
1
Added a guide demonstrating how to override default CSS here:
https://toha-guides.netlify.app/posts/customizing/customize-css/
from toha.
mmzeynalli
commented on June 21, 2024
By default, it resizes every image there is (post images, bg, profile photo etc.). You can try to match that size by yourself, editing it before applying to website, or try svg format, as it cannot be resized.
from toha.
Related Issues (20)
- Disable newsletter sign-up page after migrating to v4 HOT 4
- Fails set-up local development environment HOT 2
- Post sidebar: expanding last section draws an extra line
- Sidebar/TOC: width and chronological ordering? HOT 3
- The pagination for bigger screens works wrong HOT 2
- bug blurry images HOT 5
- Hovering a post card tag does not change appearance HOT 2
- Change /icons Directory Path HOT 2
- "I want to update the theme automatically, but the theme-update.yml fails." HOT 6
- When I push to my repository deployed on gh-pages, the custom domain field goes blank. This has been happening since I updated from Theme version 3 to version 4. HOT 4
- Feature Request: Show different pictures for dark theme HOT 1
- Bootstrap 5 HOT 1
- Cannot see Hero images on my posts after theme update HOT 4
- How to set different background image for dark and light themes? HOT 1
- Using FontAwesome icon for project card HOT 2
- How to use toha in production envοΌ HOT 1
- Feature Request - Add Page View Counter Section to Posts
- Can not switch to english if another language is set by default HOT 4
- navbar-brand text should be customizable (not always site.Title)
- Huge amount of whitelines in generated html files HOT 1
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 toha.