[NiO]

Hi Rui,

I have put that custom css in last night and I see why that confuses things. The issue is however still there after taking out that custom css and in your screenshot. Do you see how the left column doesn’t align with the title? That is the missing 15px I was referring to. You start of with 15px padding but end up with 0% once the slider is touched.

I will disable the custom css for now, so that it no longer confuses things.

Cheers,
Johan

[NiO]

Hi Rui,

Below a copy past of the content of the post!

Cheers,
Johan

[spb_raw_html width=”1/1″ el_position=”first last”]JTNDcCUzRUFsbCUyMHRoZSUyMGltYWdlcyUyMHNob3djYXNlZCUyMG9uJTIwdGhpcyUyMHNpdGUlMjBhcmUlMjBhdmFpbGFibGUlMjBmb3IlMjBzYWxlJTJDJTIwZWl0aGVyJTIwYXMlMjBhJTIwcHJpbnQlMkMlMjBhJTIwcmVhZHklMjB0byUyMGhhbmclMjBwcm9kdWN0JTIwb3IlMjBhcyUyMGElMjBsaWNlbnNlLiUyMEp1c3QlMjBjbGljayUyMHRoZSUyMCUzQ3N0cm9uZyUzRUJ1eSUyMHByaW50JTIwb3IlMjBsaWNlbnNlJTIwYnV0dG9uJTNDJTJGc3Ryb25nJTNFJTIwbG9jYXRlZCUyMGp1c3QlMjBhYm92ZSUyMGVhY2glMjBpbWFnZSUyMGluJTIwb3VyJTIwZ2FsbGVyaWVzJTJDJTIwdG8lMjBzZWxlY3QlMjB5b3VyJTIwcHJlZmVycmVkJTIwb3B0aW9uLiUzQyUyRnAlM0U=[/spb_raw_html] [spb_blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [spb_tabs tabs_type=”standard” center_tabs=”no” width=”1/1″ el_position=”first last”] [spb_tab title=”Regular prints” icon=”” id=”Regularprints”] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

Regular prints are prints that are not yet matted and framed. The Buy print or license > Prints tab lists the available print finishes and sizes. The following finishes are available:

[list][list_item icon=”fa-arrow-circle-right”]Glossy: A paper with a smooth high-gloss reflective finish. The gloss enhances the apparent contrast and sharpness and colors seem more vibrant. The paper used is Kodak Professional Supra Endura VC Glossy.[/list_item][list_item icon=”fa-arrow-circle-right”]Lustre: Lustre paper has a semi-gloss finish with a subtle pearl-like texture. Lustre is great for framing. The paper used is Kodak Professional Supra Endura VC Lustre.[/list_item]
[list_item icon=”fa-arrow-circle-right”]True B&W: A special museum grade cotton-based paper (Canson Infinity Baryta), with excellent contrast and sharpness as well as a matte finish that shows excellent black density and great image sharpness which gives B&W images a superb continuous tone.[/list_item]
[list_item icon=”fa-arrow-circle-right”]Fine Art Velvet: A special soft, delicate and 100% cotton paper with a matte surface (Breathing Color Pura Velvet). It has a similar look and feel as a watercolor paper.[/list_item]
[list_item icon=”fa-arrow-circle-right”]Giclée: Giclée papers are textured papers.The following types are available:[/list_item]
[/list]

Hahnemühle Bamboo: a warm-toned natural white paper with a smooth matte bamboo fiber finish.
Hahnemühle Fine Art Pearl: a bright-white paper with a pearl-like semi-gloss finish.
Hahnemühle Torchon: a bright-white paper with a matte rough textured surface.
Hahnemühle William Turner: a 100% cotton based paper with a matte watercolor texture.
All print papers used have an excellent certified longevity (+100 years before noticeable fading might occur).

If you intend to frame your print under plexiglass or glass, we recommend selecting one of the matte or semi-gloss finishes. This reduces reflection and the glass also adds a certain amount of gloss look to the print.

[/spb_text_block] [spb_accordion widget_title=”Frequently asked questions” width=”2/3″ el_position=”first last”] [spb_accordion_tab title=”Section 1″ accordion_id=”” icon=””] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

This is a text block. Click the edit button to change this text.

[/spb_text_block] [/spb_accordion_tab] [spb_accordion_tab title=”Section 2″ accordion_id=”” icon=””] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

This is a text block. Click the edit button to change this text.

[/spb_text_block] [/spb_accordion_tab] [/spb_accordion] [/spb_tab] [spb_tab title=”Ready-to-hang prints” icon=”” id=”Ready-to-hangprints”] [/spb_tab] [spb_tab title=”Tab 3″ icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

The Buy print or license > Products tab gives you a choice of the following ready to hang products:

[list]
[list_item icon=”fa-arrow-circle-right”]Standout: the selected photo is printed on lustre paper with a semi-gloss finish and then mounted on lightweight foam with a 3/4” deep black edge. Holes are added to the backside making it ready to hang as soon as it arrives.[/list_item]
[list_item icon=”fa-arrow-circle-right”]Premium gallery wrap: the selected photo is printed on canvas with a matte finish and then wrapped around a 1.5” wooden frame by hand. Black or white borders are optional. A gallery wrap is ready to hang as soon as it arrives. [/list_item]
[/list]

Standouts and gallery wraps are available in various standard sizes. Please make sure to contact us in case you cannot find the size you are looking for. We do offer custom sizes upon request.

[/spb_text_block] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [/spb_tab] [spb_tab title=”” icon=”” id=””] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]

This is a text block. Click the edit button to change this text.

[/spb_text_block] [/spb_tab] [/spb_tabs]

[NiO]

Hi Ed,

Atelier. Thanks!

Cheers,
Johan

[NiO]

Hi Kyle,

Was configuring the overlay menu and found out that using left align for the menu items will line smack them against the browser window without taking into account any padding nor whether the site is configured to use boxed content or not. So the only usable alignment seems to be the centered which is not what I am after.

Will fix it with css, but this overlay menu really could use some re-design 🙂

Cheers,
Johan

[NiO]

This reply has been marked as private.

[NiO]

Hi Rui,

What I would like to achieve is just a small 1% or 2% white footer without content at the bottom that stays there upon scrolling, so it doesn’t have to be an existing part of the footer. That sticky footer would allow me to create/test sort of a passepartout around the content.

Cheers,
Johan

[NiO]

Hi Kyle,

Forgot to mention: what you will notice in that Brick demo, is that the X that closes the overlay menu stays in the same place as the hamburger. That is very convenient (and the transition pretty cool 🙂 !

In Atelier, the X always pops up at the edge of the screen even if my header is not set to full width. Not sure if that has been done on purpose, but it is not very convenient. Hope the developer will take that into consideration as well ! 🙂

Cheers,
Johan

[NiO]

Hi Rui,

http://nio.photography/test-columns/

I simulated a bit. It is as I described in my first comment: when you don’t touch the padding slider all is fine. Once you touched no longer.

So, it looked good after inserting the text. Then I set padding from the default 0% (which in reality is 15px) to 3%, which worked as well. Then I put it back to 0% and then I get what you see: 0% is no longer 15 px because in-line style overrules it now.

Hope this helps,
Johan

[NiO]

Many thanks!

[NiO]

Google to the rescue! Thanks anyway 🙂

[NiO]

So I guess there is no options for it in the theme as is? Any plugins you can recommend?

[NiO]

Hi Rui,

A page: http://nio.photography/blog/
A post: http://nio.photography/walk-on-water/

Both use the same sidebar/widget.

Cheers,
Johan

[NiO]

Correction: the slider is not the problem. It is the raw html element that i include in the left column that seems to ignore the container padding. See attachment. I can correct it in CSS, but I think this is not the way it should work? Alternatively I can set a %padding using the slider mentioned earlier to get to 15px approximately however that won’t look nice on all devices …

Cheers,
johan

Attachments:

You must be logged in to view attached files.

[NiO]

Hi Kyle,

Discussed this with Ed following a mail conversation we had. He is picking it up already for a next release! 🙂

Thanks,
Johan

[NiO]

Forgot to mention … please ask him/her to also include a logo in the overlay menu 🙂

If you need examples: the Select themes Brick and Stockholm have nice overlay menus, with logo and submenu …