Work Page Non-Full Width Content

excalith

Hello,
I am trying to override something but I had some trouble. I tought I should ask about it here

In Works page, I am trying to line up my media (video and photos) vertically, but not as full width.
To visualise, here is the link to my page: http://www.cancellek.com/work/selva-anatolian-flavours/

I would love to align my media (videos, photos) with the description part (I think the class called .real-content). How can I override the media part from css?

It seems great with full-width but since most of my images are full-hd and navigation bar is kinda part of golden ratio, it kinda pushes the description part below the visible part, so for some people it might get hard to see there are more content below.

Thank you so much for your help and your amazing theme!

Air

Hello:-)

I am not sure if this is what you asked for but try such custom CSS:

.work #a13-scroll-pan, .work #a13-full-photos {
    margin: 0 auto;
}

With regards.

excalith

Hey Air!
Thanks for your reply, here is what I meant

I want to align those images and videos with the description div below them. Since the description div is dynamic to the resolution, I am hoping the images to do so. You can see better with the attachment.

By the way, I tried "margin: 0 auto" to center them, it kinda stretches the images even if they are low resolution. You can see the result here http://www.cancellek.com/work/selva-anatolian-flavours/

Air

Hello

Then thing I gave in previous post is that what you want. I have been on your site and I don't see this custom CSS in your page. Please add it in http://apollo13.eu/docs/beach/#!/appearance_menu_custom_css and it will work.

With regards.

excalith

Wow, it works like charm!
I used child theme for css but it seems failed. I don't know how I missed Custom CSS menu

Thanks again for your quick response!