Real tough CSS code to crack, any one any clues?
-
The CSS of this theme pushes all images to the right-hand side of the page on portfolio posts; I’ve widened my page, but the CSS rule is putting any image I add at the very bottom. Could someone help me remove that CSS rule or cancel it out so that my formatting sticks? For example, in the editor it looks like this:
https://fallowsite.files.wordpress.com/2017/02/screen-shot-2017-02-03-at-14-21-23.png, but whenever I publish a portfolio piece, it looks like this: https://fallow.me/portfolio/advice-sowing/
Can someone help me with this please?”
The blog I need help with is: (visible only to logged in users)
-
Hi there!
Unfortunately, I don’t think CSS will be able to offer us a solution here. The problem you’re encountering is part of Orvis’s functionality. From the Orvis info page:
People love full-size images of your work, so make sure any images you include are at least 924px wide. Orvis will extract your images, videos or galleries from the content and will display these at full width on larger screens on the single portfolio pages. Orvis will automatically place the text on the left hand side and any media on the right hand side of the single portfolio page.
(I added the bold formatting to highlight the important bit)
Basically, Orvis is designed to take any image in your portfolio project and display them off to the side – and although you’ve made your content full width, it still tries to do that , so they end up at the bottom instead.
If you’d like to have portfolio projects with inline images, I’d recommend looking at a different theme that supports portfolios:
-
Thanks chad
There is though a small glimmer of hope it would seem. There is text between the the two photos which is actually the begging of the post text.
Thoughts?
-
That text is being kept with the image because they two are so close together.
Another snippet from the info page:
If you’d like to keep a line of text with the image on the right, simply add it before or after the image and do not include a line break between the two.
So, because that text is right next to the image, without a line break, the text stays with the image when the theme extracts the image :)
- The topic ‘Real tough CSS code to crack, any one any clues?’ is closed to new replies.
WordPress.com Forums 
