Some of the images I am attempting to insert are 600 pixels wide (which is the minimum I noticed to not have the portfolio boxes begin to break). These images are being shrunk to show as much as possible of a tall image on the screen. I am using the portfolio layout with the image on the left and the text on the right. With the image so narrow it is nested against the left side of the screen. I would like to center it within it's containing box. I've tried with margin: 0 auto without any luck. I can get the effect with padding but it offsets images that fill the whole width. Any help would be greatly appreciated :]
Thank you for the quick reply. My post was not the clearest, but unfortunately that solution will not help me out in this instance.
Most the images are 900px or wider so there is no issue.
However to keep the layout for this art portfolio site consistent I want the images that are rather tall to show as much on the screen as possible without the need to scroll down. I provided a link in the first post.
So I have shrunk images down to 600px in width to keep the portfolio grid maintained while showing as much of the image on the portfolio item page as possible without scrolling. The only stylistic flaw is that I wish they were centered instead of aligned to the left side.
I've tried margin: 0 auto !important. And some other variations without any luck. If you had a solution it would be so helpful! I will happily write a raving review, the theme is pretty great.
Hello,
Some of the images I am attempting to insert are 600 pixels wide (which is the minimum I noticed to not have the portfolio boxes begin to break). These images are being shrunk to show as much as possible of a tall image on the screen. I am using the portfolio layout with the image on the left and the text on the right. With the image so narrow it is nested against the left side of the screen. I would like to center it within it's containing box. I've tried with margin: 0 auto without any luck. I can get the effect with padding but it offsets images that fill the whole width. Any help would be greatly appreciated :]
Hey!
Simple solution is to make the image 900px wide . It will downsize automatically for other screen sizes.
Thanks
ThemeNectar Support Team
Hi Tahir,
Thank you for the quick reply. My post was not the clearest, but unfortunately that solution will not help me out in this instance.
Most the images are 900px or wider so there is no issue.
However to keep the layout for this art portfolio site consistent I want the images that are rather tall to show as much on the screen as possible without the need to scroll down. I provided a link in the first post.
So I have shrunk images down to 600px in width to keep the portfolio grid maintained while showing as much of the image on the portfolio item page as possible without scrolling. The only stylistic flaw is that I wish they were centered instead of aligned to the left side.
I've tried margin: 0 auto !important. And some other variations without any luck. If you had a solution it would be so helpful! I will happily write a raving review, the theme is pretty great.
Saied
Hey Again!
Thanks for the additional info . Add this into the Custom CSS box located in your Salient Options panel :
body.single-portfolio #post-area img.wp-post-image { margin: 0 auto; display: block; }
Thanks
ThemeNectar Support Team
Hi Tahir,
I presumed I tried the display: block in firebug... guess I was editing the wrong element. Worked like a charm, thank you very much for your time!
I'll submit my review on themeforest now : )
Saied