Docs

[sportsnapper]

Hi, I have a page of portfolio items, which was a 3×3 grid I need to add another item, but I’d like the item to be centred on the bottom row (and preferably twice the size of the other portfolio items in the grid)

I’ve tried adding the following custom css in my child theme

.x-iso-container.cols-3.last-child > .hentry {
    width: 66%;
}

but it doesn’t appear to work – despite working in firebug

the sample page is here: http://sports-alive.co.uk/portfolio-duplicate/

[Rue Nel]

Hello There,

Thanks for writing in! Do you want something like this? http://prntscr.com/e1apg5

If that is the case, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-iso-container.cols-3 > .hentry:last-child,
.x-iso-container.cols-3 > .hentry:nth-last-of-type(1) {
    width: 33%;
    float: none;
    margin: 0 auto !important;
    position: relative !important;
}

Hope this helps. Kindly let us know.

[sportsnapper]

Hey Rue,

That works thank you.

I’d like to know how this selector
.hentry:nth-last-of-type(1)

works though for future reference

regards

[Paul R]

Hi,

Please refer to the links below

http://www.w3schools.com/cssref/sel_nth-last-of-type.asp
https://css-tricks.com/almanac/selectors/n/nth-last-of-type/

Hope that helps.

[sportsnapper]

Cool thanks….

[Paul R]

You’re welcome! 🙂

[Author]

Posts