Edit Portfolio Item Page Layout

[Brent_St]

Hi,

I have searched google and this forum for an answer but have been unable to find one that works for me.

Looking for css to hav the image on he left and the description on the right.

The client will be frequently updating the site and has minimal experience so using cornerstone won’t work.

Thanks,

Brent

[friech]

Hi Brent,

Thanks for writing in! Please advised that the portfolio items layout cannot be edited with Pro editor/Cornerstone. The layout of the portfolio item has been pre-designed and built-in to the theme. Also keep in mind that the Pro Editor/Cornerstone will only be allowed to change the content area of the post, page or the portfolio item. This means that for the portfolio item, the content section is the only area that can be edited with the editor.

You can only change the portfolio item layout with custom development which is way beyond the scope of our support. You may need to contact a 3rd party developer if you are not familiar with it.

This would be possible in the future with a Layout Builder editor.

Thank you for your understanding.

[Brent_St]

Hi Friech,

I do not wan to use cornerstone or pro to edit the portfolio item so that works for me.

i had followed part of the instructions from https://theme.co/apex/forums/topic/customize-portfolio-page-and-portfolio-item-page/

but was unable to get the text moved up on the right side.

are you able o check my css?

thanks,

Brent

[ruenel]

Hello @Brent_St,

I was able to logged in and check your CSS.

.single-x-portfolio .entry-featured {
    width: 40%;
}
.single-x-portfolio .entry-wrap {
    float: right;
    width: 60%;
  	text-align: center;
}

You were missing float: left; in the code. Please have this updated and use this code instead:

@media(min-width: 980px){
    .single-x-portfolio .entry-featured {
        width: 38%;
        float: left;
    }

    .single-x-portfolio .entry-wrap {
        float: right;
        width: 60%;
        text-align: center;
    }
}

Please be advised that custom coding is outside of our support scope. The points above will be a good starting point and if you are interested you can learn more about CSS and CSS selectors. Check the details here.

Hope this helps.