Portfolio style

Support
#1

hi guys,
I need an advice about portfolio style/template.
Now I have two colums: one for image and another one for text/body.

I want different template. I.e. the image should be incanpsulated in the text.
for example like this article linked below

How can I change templete style for my portfolio?

Tnx for your advice.

rgs,
Francesco

#2

Hi there,

Thanks for posting in.

What do you mean by image should be encapsulated in the text? The sample URL has its image on top, and the title on left. Are you referring to the title and it should move and wrap to the image, then body text under the image? That’s possible. Please add this CSS to your global custom CSS

@media ( min-width: 980px ) {

.single-x-portfolio .entry-featured {
    float: none;
    padding-right: 0px;
    width: 100%;
}
.single-x-portfolio .entry-wrap {
    float: right;
    width: 100%;
}

.single-x-portfolio .entry-featured .entry-thumb {
    width: 50%;
    float: right;
}
.single-x-portfolio .entry-featured .h-landmark {
    display: block;
    width: 45%;
    float: left;
}
    .single-x-portfolio .entry-featured:after {
        content: "";
        display: block;
        width: 100%;
        clear: both;
    }
}

Then add this code to your global custom javascript

jQuery( function($) {

if ( $(window).width() > 979 ) {

$('.single-x-portfolio h1.h-landmark').prependTo( '.entry-featured' );

}

} );

Hope this helps.

#3

Hi,
tnx for your help and I’m sorry for my misunderstanding regarding “encanpsulated”.
I mean like it in attachment.
Tnx,
Francesco

#4

Hi There,

Thank you for the clarification, in that case, lets hide the portfolio’s featured image.

.single-x-portfolio .entry-featured,
.single-x-portfolio .entry-wrap  {
	width: 100%;
}

/*hide portfolio feature image*/
.single-x-portfolio .entry-thumb {
	display: none;
}

And add your image as part of the content/text

<img src="IMAGE URL HERE" class="img-portfolio left" alt="IMAGE ALT" title="IMAGE TITLE" />

Hope it helps,
Cheers!

#5

Great, tnx!!!

#6

You’re most welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.