Image size of the post/page vs featured image size
-
Hi there, I am using pictorico theme and I have 2 questions:
1)I realise that the effect black/white in the “mosaic” images on the first page of my web site doesn’t show up with Windows 8. How can I make it work?
2)
a) I would like to resize the images of each post/page once I am inside the post/page (make them smaller) but I would like that the first featured images size remain the same independently. How ? I guess I have to use a CSS code for each page/post.
b) If I can get these images smaller, I would like to modify the line of the title of the post and make it smaller too.Thank you very much!
Have a nice day,
EleonoraThe blog I need help with is: (visible only to logged in users)
-
Hello!
1. It might just be a compatibility issue or it may depend on the browser.
You can test the site out here:
https://www.modern.ie/en-us/screenshotsHere is a screenshot of your site via modern.ie
http://pbrd.co/1ytMvYJ2a: You can use CSS to specify image size of the picture.
See example: http://pbrd.co/1ytGXNU
Code to use:img { height: 500px; width: 500px; }Whereas “500px” is where you would specify your size
If you run into any other issues feel free to post.
-
Thank you for your reply but unfortunately I can’t fix the problem.
1. Yes, it is a compatibility issue infact using your test site it shows that it is not working for Windows 8.1Internet Explorer 11.0 and other browers. That is a problem. Is it possible to solve it in some ways?2. I don’t have the same screen as you so I don’t really know how can I add the exact CSS code related to a specific page/post.
I would like that the first featured images size I see in the first page remain unchanged in size from the one I want to modify once I get into the post/page.Thanks so much!
-
WordPress does recognize the compatibility issue and suggests it is theme related. Can you confirm that if you change your theme (try twenty-ten) you can get it to work with Windows 8 and IE 11? If you change the theme and run it through the test-site does it still look the same or different?
A note about Internet Explorer: WordPress.com strives to work with as many browsers as possible; some themes are only compatible with Internet Explorer 9 and above and may not be fully functional on Internet Explorer 8 or other previous versions.
See also: http://en.support.wordpress.com/browser-issues/
2. Can you confirm if you have the CSS ability? If you have a business or premium plan you would have that feature.
See here: http://en.support.wordpress.com/custom-design/
See also for plans: http://store.wordpress.com/plans/If you do, just so we are clear you are wanting to keep these pictures front page the same size:
http://pbrd.co/148OpoABUT change the header image of the individual post?
see here: http://pbrd.co/148OqZS -
2. Yes, I have CSS ability, having WordPress Premium.
And Yes, I would like to keep the pictures you shown and also the big pictures in the slider/front page the same size BUT change the header image of the individual post/page. How can I do it? (also resize the bar of the title if possible)1. Thanks for the links for the browser issues. I will check that.
Thanks a lot!
-
1. If I “Activate” the theme you suggested (Twenty-ten) after can I come back to Pictorico without loosing anything? I prefer ask you before :)
-
Yes, if you switch to another theme you can switch back again.
If your site gets a lot of traffic you can preview the theme before activating it.
See also: http://en.support.wordpress.com/themes/ -
1. Yes, I confirm that if I change my theme (I tried twenty-ten) I could get it to work with Windows 8 and IE 11…
-
Ok! The answer to your Question 1, means it is theme related. In other words, the theme itself is causing interference for users with Windows 8 and IE 11.
Does a possibility exist of some sort of work-around? Most likely not because of the theme. -
Fortunately I saved on a separate document all the CSS codes I have done so far because if I switch back to the Pictorico all the CSS writing are lost…
So for everyone if you want to change theme be sure you save the CSS writing you have done! -
It is a pity that the theme doesn’t work for all the browsers! Also because Windows 8 is used a lot.. Anyway I will try some sort of work around! Thanks anyway!
Do you have other ideas for the question n°2 ? -
For number 2:
I was able to get a resize on your header images for the posts with the following code:entry-thumbnail, .header-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: INSERT_NUMBER_PX_HERE
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}For the width you can change it by inserting a number px there (such as 300px)
See here for example:
http://pbrd.co/1whfwVb -
entry-thumbnail, .header-image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: INSERT_NUMBER_PX_HERE left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } -
Though by adjusting the header image on the post it may impact the picture on the front-page. Can you confirm if that happens?
-
That’s my problem. By adjusting the header image on the post or page it impacts the picture on the front-page…
-
Thank you.
To make it works as I want we have to add #main as following:#main .entry-thumbnail, .header-image {
In this way it doesn’t impact the picture on the front page.
Now I am trying to do the same in order to adjust the title and the header, without impacting the post on the front page.
If you have any help for that I would be grateful !
All the best -
Couple follow-up questions:
1. Is that what you wanted the picture on the front-page to look like? Or have you not yet added the #main?
http://pbrd.co/1xLYl0d2. For the post title and header-space ( I notice the header-image has been adjusted) what are you expecting/anticipating to be done?
-
1. The picture in the front page are fine, I have just to crop/resize the image.
2. Yes, I adjusted the header-image and I would like to be able to adjust also the title and the header-space (make it smaller) but without affecting the mosaic image on the front page.
-
2. I would like to modify for example the following title/header (the same template for all the posts/pages):
Thanks!
-
Ok…
It appears that you can play around with the title with the following CSS.has-thumbnail .entry-header .entry-title { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom: 0; display: block; line-height: 1.25; margin: 0; padding: 30px; position: absolute; width: 100%; }If you change padding to 300px I was able to move the title up.
http://pbrd.co/11hXlqI
If you get rid of bottom:0 it also causes it to move up
See here: http://pbrd.co/11hXiLsI am not sure if that is what you wanted. I am also not quite sure about the header-space. Maybe someone else can jump in and assist?
- The topic ‘Image size of the post/page vs featured image size’ is closed to new replies.
WordPress.com Forums 