Docs

[elevatedconversions]

Hi, Support.

I want to use Cornerstone to design a page layout in my portfolio. Why is this not an option in portfolio? Is there a workaround?

Here is my site and portfolio page: http://www.elevatedconversions.com/our-productions/

Looking forward to hearing back – thanks!

-Ryan

[Rupok]

Hi Ryan,

Thanks for writing in! Portfolio page uses portfolio template and it supposed to show the portfolio items. So you can’t add any content there or change the layout. If you need to add/amend something, you need to do it through Child Theme

Cheers!

[elevatedconversions]

Hi, Rupok.

Thanks for your quick reply. I’ve downloaded, installed, and activated the Child Theme for X. I’d like to be able to manipulate the portfolio template in order to change the template layout to get it how I want it. I know you can add content to the portfolio items, just not change the layout or do much besides basic content entry.

This is a page I created of how I want to portfolio to be laid out – just want to have normal page layout options with cornerstone (or visual composer if I need to use that – I just activated this plugin with a license and integrated with recommended X settings): http://www.elevatedconversions.com/test/

The issue is everything stays to the right when viewed on desktop the whole way down – that is really the only issue.

Do I need to alter with code? If so, can you help with this? It seems to be a pretty basic request.

Thanks!

-Ryan

[Rupok]

Hi Ryan,

Thanks for writing back. Not sure what changes you want but surely we can point you the right file to amend. As you are using Ethos, you need to create the directory at x-child/framework/views/ethos/content-portfolio.php

Let’s grab the code from the same directory of parent theme and place within the Child theme. Then change/add as your requirements.

Cheers!

[elevatedconversions]

Hi, Rupok.

Thanks for providing me instruction on editing the right file.

What I would like to do is to be able to use this layout I made with cornerstone on my test page: http://www.elevatedconversions.com/test/

for the portfolio item beneath the video. The main problem here is that the layout stays aligned to the right side the whole way down. You can see that here: http://screencast.com/t/uYQMIvgKA

I hope you can see what I am going for now and can provide me insight/code on how to alter this as I’m not a developer.

Thanks!

-Ryan

[Lely]

Hello Ryan,

Thank you for the test page. To achieve that we can make it fullwidth using custom CSS. Please add the following on Appearance > Customize > Custom > Edit Global CSS:
To make featured image fullwidth:

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

Add this line to above max-width: 500px;if you want to limit featured image width.
In case you want it hidden and control the content on Cornerstone, please use this instead:

.single-x-portfolio .entry-featured {
    display:none;
}

To make the entire content fullwidth, please use this:

.single-x-portfolio .entry-wrap {
    float: none;
    width: 100%;
}

Feel free the edit the content in Cornerstone and it will appear fullwidth.

Hope this helps.

[elevatedconversions]

Hi, Lely.

Thanks for the CSS. Unfortunately, it didn’t work.

I added all three lines of code you gave me to the Global CSS, where you said, and I didn’t see any change (even when checking incognito).

This would be a portfolio item that would display differently: http://www.elevatedconversions.com/case-study/modus-real-estate/

And the text should center when past the media featured image, like this (this is what I want): http://screencast.com/t/pG4ocMI0ePUV

Let me know if you need credentials to my site and I’ll reply privately with those so we can get this sorted.

Thanks!

-Ryan

[Rupok]

Hi Ryan,

The above code shared by Lely should do the job if you add them properly. If you still think you added them properly but not working, you can share your login credentials.

Thanks!

[elevatedconversions]

This reply has been marked as private.

[Rupok]

Hi Ryan,

I can see on your screenshot that the above code are not closed properly. That is there should be another closing brace “}” as you have a media query and you need to close this before you paste your new code.

Hope this makes sense.

[elevatedconversions]

Rupok/Lely,

Got it working now – thanks guys!!

Best,

-Ryan

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts