- This topic has 6 replies, 2 voices, and was last updated 3 years, 8 months ago by
.
-
Posts
-
I’m running the “Dark” version of Signify Photography. How do I limit the max width of all pages viewed on a desktop. My images are too wide on some browsers, mine for instance, and I want to control how wide they can be for better image quality.
ok. the site url is https://reify.co. you have to use the whole url or you get to a wordpress.com page that says “the working-class mystic” doesn’t exist. I don’t know why that happens
my site seems to be set to expand in width to the width of whatever browser is being used. mine is about 14 inches wide, so the site and the images on it look really wide. too wide. i’d like to set it to a normal width like 10 or 11 inches max.
thanks.
hello Charles
We have visited your site but we are not getting what you want to say. We have checked on the 24-inch screen width screen and 14-inch laptop screen, and we didn’t find any issue there.
If you are trying to control the width of the page, You can add this CSS in the additional css and adjust the max-width value as per your requirement
.page.no-sidebar .content-area, .single.no-sidebar .content-area, .no-sidebar .site-content > .wrapper .content-area { max-width: 920px; }And if this is not the actual issue please share the reference screenshot with the note message on it
Regards,
PsinkI added the script you sent to the Add CSS area in the Customizer and published it, but I see no change in the page width. The image on the home page still fills my browser window. If I increase the width of the window, the image also increases. I’m trying to set a maximum width of all the pages of my site, regardless of the width of the browser window. I’m such a novice, I don’t even know if this is possible.
Normal resolution on a 20″ monitor (which is what I have) is 1600 x 1200 pixels, or about 96 ppi. I’m assuming if I upload an image at 96 ppi and set maximum page width to 920 or 800, the page and image should not exceed about 9″ in width on my monitor.
Also, I don’t see how to send you a screen shot. Doesn’t seem to be a way to add an attachment to this message. Thanks.
Use the awesome screenshot chrome extension to take screenshot the share the URL of the screenshot or you can share the screen record URL
Please check this screen record
https://www.awesomescreenshot.com/video/3103712?key=6790c7406b282f85feb802eabee708e7if you want this, Please add this CSS in the additional css
@media only screen and (min-width: 64em){ .home .custom-header .custom-header-content { padding-bottom: 15px; padding-top: 15px; } }Hope this helps
regards,
psinkThanks, psink, but I think I’m not communicating what I want to do very well. I am not trying to limit the minimum width. I want to limit the maximum width. The current settings expand the blog page width to the full width of the browser window. For example: open my blog in your browser window. Now use your cursor to make the window wider. You will see that the blog page gets just as wide as the browser window. I don’t want that to happen. I want to set the width of the blog pages to stay at no more than 11 inches, no matter how wide the browser window is. Maybe it’s not possible to do this.
If it’s not possible to limit the size of the blog pages, is it possible to limit the size of the images within the blog? Is there a way to fix the image width at 11 inches, regardless how wide the blog page is?
Thanks for the tip about the Awesome Screenshot, but I prefer not to install apps that can read and change my data.
- You must be logged in to reply to this topic.
