Comments (7)
This is dependent on quite a few other changes that have to happen, but typography is something that needs to be changed. I don't think we will add controls for different viewport sizes in the theme though, but it is a possibility.
Just as an initial idea, I originally thought of doing something along the lines of this pen:
https://codepen.io/times/pen/qGWXer
That's using the typography scale defined for heading sizes(bootstrap), but I'd like to introduce some "scale" controls which would change the typography rhythm used. As an example of this, look at the site modularscale.com.
Overall, I'd like to see a solution taking the typography scales mentioned above, and then setting some minimum and maximum thresholds for the viewpoints. We can then use the linear interpolation technique shown in the pen above to allow for sizing the relationships between viewports automatically, all based on the user scaling the content size fluidly. Once this is implemented it will be trivial to add controls in for a custom scale, so everything can be controlled in a more visual way.
There's more to it all, but ideally I want to remove the bootstrap dependency we currently have first. There's been a large amount of work to getting to that point put forth so far, but typography is one of the bigger barriers left.
from boldgrid-theme-framework.
@jamesros161 this feature has been requested by another user in the BoldGrid Support Forums.
from boldgrid-theme-framework.
wpbex3 server / Chrome / W3TC not active / Crio Pro is not active either
I changed the heading and body fonts. The heading font pulls thru to the PPB as expected but the body font stays Roboto (default config). On the Add Block screen, the right side shows the correct font but as soon as I add it to the page it reverts. The body font size is incorrect as well.
from boldgrid-theme-framework.
wpbex3 server / Chrome / W3TC not active / Crio Pro is not active either
I changed the heading and body fonts. The heading font pulls thru to the PPB as expected but the body font stays Roboto (default config). On the Add Block screen, the right side shows the correct font but as soon as I add it to the page it reverts. The body font size is incorrect as well.
This SHOULD be as simple as enqueueing the custom CSS for this in PPB. The control I created was entirely custom, not a Kirki control, so I have to add enqueue the styles from it separately
from boldgrid-theme-framework.
Buttons should not respond to the main text responsive values - since they are getting a new control in the Customizer responsive controls should be there.
Also we need to consider how the padding should change on the button as font size does.
from boldgrid-theme-framework.
[needs discussion]
Could extend to:
- Tagline
- Menus
- Custom Page Header Site Title
from boldgrid-theme-framework.
Font weights do not change in the live preview:
from boldgrid-theme-framework.
Related Issues (20)
- Add Media modal uses theme fonts & colors without PPB active
- Footer links inherit site content link hover effect HOT 2
- Fix Build Dependancies
- OMI phantom live customizer bug fix
- btn-large not consistent between button-primary and button-secondary
- WP 6.1 - Cannot save hiding Attribution HOT 1
- Sidebar hover effects incorrect
- Enable Scroll to Top and Sticky Headers for Mobile Device Sizes HOT 1
- (SproutPRO) Estimate to Invoice redirect doesn't work with Crio enabled
- Changing Color Palette changes page content HOT 1
- NextGen Pro Horizontal FilmStrip Gallery is not displaying with Crio Theme
- Color contrast logic does not always provide results that pass accessibility
- Change metabox text color to black to pass accessibility
- Google Map iFrame Missing Title = bad for accessibility
- Styling of weForms when 'Use Theme CSS' is enabled = weird spacing for some fields
- Some footer designs are altered when upgrading from 2.17 to 2.18
- PHP 8.1 installing recommended plugins HOT 2
- Fixed Container CPH = 0 padding on mobile HOT 1
- WP 6.2 and v1 themes - live preview doesn't update with color palette changes HOT 1
- WP6.3 RC1 - v1 fonts don't show in editor
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 boldgrid-theme-framework.