Docs

[aparis99]

Hi,

I’d like to be able to create a page that looks similar to the “Layout – Portfolio” (using the Integrity 08 stack). I’ve attached what I have in mind in terms of pages/subpages. Is there a way to mimic the way the portfolio page is laid out, style wise, with 3 columns, an image for each and text underneath it with the entry-wrap styling like you see on the portfolio page screenshot? I’ve tried creating sections, playing with the different elements (Image, Text and adding Image shortcodes), but could not mimiic the image and text label that the portfolio page provides.

Thanks!

[Rue Nel]

Hello There,

Thanks for writing in and the very detailed information. There are several ways you can achieve this.

1] You can create a page in Cornerstone. With the help of the image element and custom headline, you can create several 3 column rows in your page and insert the image and headline element just like your layout. You can link each of the images or headlines to the pages that you want it linked to.

2] Or with the use of Essential Grid plugin which you can install in X Addons > Extensions. You can create a grid out of your pages and then use a skin that would look the same as your would be layout.
https://community.theme.co/kb/integrated-plugins-essential-grid/
http://essential.themepunch.com/#examples

Hope this make sense.

[aparis99]

OK, I’ll look into the Essential Grid in a bit, but if I wanted to just use Image/Headline, how can I make the container-looking box around the text like in the above screenshot, and below in the attach Promo Element screenshot?

I read Promo’s can’be be clicked on as a link, so I think Image/Headline is the way for now, but I did find the Promo gave that same entry-wrap box, so how can I add that to the Image/headline layout?

Another side question: Is there a way to just make the image box it’s default size and just have the image fit, even if it shows with edges cut off? I’d rather not have to crop every image the same aspect ratio unless I have to.

Screenshot:
Top row is Image/Headline
Bottom row is Promo

Thanks

[Christopher]

Hi there,

Please add a custom class like my-class to those headlines and insert following code in Customize -> Custom -> CSS :

.my-class{
    background-color: #121212;
    border-radius: 4px;
    box-shadow: inset 0 -0.125em 0.5em 0 rgba(0,0,0,0.85),0 3px 2px -2px rgba(255,255,255,0.075);
}

Please provide us with URL so we can take a closer look.

Hope it helps.

[Lely]

Hi There,

On the custom headline class field, please add container-look.
Then add the following on Appearance > Customize > Custom > Edit Global CSS:

.container-look{
    border: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0 0 4px 4px;
    box-shadow: 0 0.125em 0.275em 0 rgba(0,0,0,0.125);
}

Feel free to adjust the values.
Images by default will fit into columns. If it’s larger, it will automatically adjust just enough to be fit the entire container. If it’s smaller than the columns, it will be displayed 100%. Please clarify what you want to achieve so we can help you better.

[aparis99]

This reply has been marked as private.

[Rupok]

This reply has been marked as private.

[aparis99]

Rupok thanks for your reply but I explained that in my last comment. I want that look, but I CAN’T use the portfolio. I’m going to have MANY pages with this look, and I have found you can’t make multiple different portfolios, so that’s my problem.

I’m trying to obtain that look with Image/Headline elements and can’t seem to get it.

My previous post from August 23, 2016 at 4:12 pm explains the whole scenario in detail.

[Rupok]

Hi there,

Thanks for clarifying. If you want to mimic Portfolio page layout to a new template, then it would be out of our support scope as it’s not usual. As you might know support covers getting setup, theme features, and bug fixes.

Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[Author]

Posts