inphra
Forum Replies Created
-
Forum: Localhost Installs
In reply to: Local install of WP extremely slow@hishamtaha Could you please elaborate? This was literally the first link I discovered on the issue but it wasn’t helpful in resolving the issue. It apparently uses commands that are apparently deprecated. It’s a 4 year old thread after all.
Forum: Localhost Installs
In reply to: Local install of WP extremely slowI’m on a 1 gigabit fibre connection. This is a fresh install of WP as well.
If you quickly google – Docker WordPress Slow – you’ll see that it’s a bigger issue.
Forum: Themes and Templates
In reply to: [Gridsby] Post Image Size inside lightboxbounpasith,
Quick question for you. Since we’re now able to dictate a new image size, I’m wondering how to ensure the lightbox image stays within the bounds of the browser.
For example, if you have an image whose long edge can be a maximum of 1920 pixels large, and it happens to be a portrait orientated photo, as it stands the image will be off screen. It’s taking the short edge and stretching it to 1920 and the long edge is even further off screen.
Would ideally should happen is the image should bound to the browser’s current height to maintain the image. Is this possible? My CSS is terrible. Been messing with max-height but it does not seem to work.
Cheers!
Forum: Themes and Templates
In reply to: [Gridsby] Posts image sizeBig thanks to bounpasith for finding the last piece of the puzzle.
1. Modify line 53 in functions.php:
e.g
add_image_size( 'gridsby-gallery-full', 1280 );2. Modify line 1061 in style.css:
e.g.
div.lightbox-content { margin: 0 auto; max-width: 1280px; width: 90%; }3. Modify line 197 in grid.css (found in /wp-content/themes/gridsby/css)
e.g.
.dummy-title { max-width: 1280px; width: 100%; opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; }THERE YOU HAVE IT. You can finally update the size and image quality. If you have existing images, you’ll have to rebuild your thumbnails as mentioned before.
Cheers.
Forum: Themes and Templates
In reply to: [Gridsby] [THEME: Gridsby] 2048×2048 Images?Big thanks to bounpasith for finding the last piece of the puzzle.
1. Modify line 53 in functions.php:
e.g
add_image_size( 'gridsby-gallery-full', 1280 );2. Modify line 1061 in style.css:
e.g.
div.lightbox-content { margin: 0 auto; max-width: 1280px; width: 90%; }3. Modify line 197 in grid.css (found in /wp-content/themes/gridsby/css)
e.g.
.dummy-title { max-width: 1280px; width: 100%; opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; }THERE YOU HAVE IT. You can finally update the size and image quality. If you have existing images, you’ll have to rebuild your thumbnails as mentioned before.
Cheers.
Forum: Themes and Templates
In reply to: [Gridsby] Post Image Size inside lightboxbounpasith,
Thank you so much for actually replying 🙂 Think the developers want to keep this a secret or something lol!
Your change actually worked! That was the last piece to the puzzle.
So, for everybody else, if you wish to use higher res images for lightbox, here are the steps:
1. Modify line 53 in functions.php:
e.g
add_image_size( 'gridsby-gallery-full', 1280 );2. Modify line 1061 in style.css:
e.g.
div.lightbox-content { margin: 0 auto; max-width: 1280px; width: 90%; }3. Modify line 197 in grid.css (found in /wp-content/themes/gridsby/css)
e.g.
.dummy-title { max-width: 1280px; width: 100%; opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; }THERE YOU HAVE IT. You can finally update the size and image quality. If you have existing images, you’ll have to rebuild your thumbnails as mentioned before.
Cheers.
Forum: Themes and Templates
In reply to: [Gridsby] Post Image Size inside lightboxm4Dnz, you are doing it right. I’m executing the exact same instruction as per modernthemesnet has advised. There is something else that is overriding the image size to 600px. If you inspect the element, you’ll notice that it will most likely say the size is 1000x??? (or whatever your image size is) but it will also include an overridden size of 600x??? i.e. your thumbs are regenerated and working but the css file is doing something funny to not reflect the change.
Forum: Themes and Templates
In reply to: [Gridsby] Posts image sizeI tried modifying the exact code mentioned in the CSS file as well as the functions.php file to adjust from 600 to (in my case) 1280px.
There is something that’s overriding the image over and over again and I cannot figure it out!
For a portfolio site, high res images are a must. 600px is just way too small. Facebook does an amazing job at scaling their images correctly when you optimize for 2048 on the long edge.
I’d totally upgrade to pro but not being able to effectively increase the size of the lightbox viewer is a real drawback and I don’t see any threads addressing the issue in full.
Again, changing either of these did not make a difference when viewing via lightbox. And yes, I regenerated the thumbs. In fact, I nuked all the images and re-uploaded them again via Media Manager and it looks like the theme tells wordpress to create a corresponding thumb for whatever you dictate in the style.css and/or functions.php file. i.e. if I edited to create thumbs 960×960, it would not only create the thumbs dictated in the Media settings panel (3 size) but it will include a 4th thumbnail of 960×960 which is coming at request of the Gridsby theme.
//style.css
div.lightbox-content { margin: 0 auto; max-width: 1280px; width: 100%; }//functions.php
add_theme_support( 'post-thumbnails' ); add_image_size( 'gridsby-gallery-thumb', 450 ); add_image_size( 'gridsby-gallery-full', 1280 );