Column widths and images on portfolio pages

I’m not sure what you mean on text section. There’s a widget area to the left and a content area to the right. If you’d like the images to be in the widget area, please add them there. Then put the content (text) on a page or post rather than in a portfolio page.

I am referring to the actual portfolio page rather than the home page, ex: https://textualdelight.com/portfolio/sparktoro/

Maybe I am not understanding something?

I tried adding the following additional CSS, which seems to make the individual portfolio pages looks the way I want, but I realized it also affects the home page layout, which I do not want to update.

.portfolio-media{
width:55%;
}

.portfolio-content{
width:40%;
}

It may help if I add some context. What I want to achieve, on just the individual portfolio pages, is something similar to this: https://reallygoodemails.com/emails/nows-the-time-to-master-shaving/

They have the full-length image in one section and corresponding text and image snippets in the other.

You wouldn’t achieve the same look but, since you mentioned you came up with a workaround, you can try using the :not property so that the code does not affect your homepage:

https://css-tricks.com/almanac/selectors/n/not/

You can also try using the Columns Block and add the image and text into separate columns.

@fresatomica – Thanks for the suggestion.

I was able to find some sort of workaround although not as neat as the :not property you suggested. This is what I tried for the “not” option, which didn’t seem to work:

.portfolio-content:not(.page-id-584) {?
width:40%;
?}

Again, I did find another messier workaround but would love to update to this suggested way if I can figure out why the :not property is not working for me.

To make your code work on all portfolio pages, except for the homepage, you’d add the :not property like this:

.portfolio-media:not(home){
width:55%;
}

.portfolio-content:not(home){
width:40%;
}

I hope that helps ??

@fresatomica Thanks for the info. I had actually already tried that with no luck. I gave it a shot again just now, but still no luck. No biggie, I was able to get the following to do the trick:

.portfolio-media {
	width:50%;
}

.portfolio-content {
	width:45%;
}

.page-id-584 .portfolio-content {
	width:276px;
}

Ah, cool. Thanks for letting me know! ??