[hiegl]

Hi, where do you want to apply this effect? Do you have a link?

[hiegl]

Thanks to the team for implementing this! 🙂

[hiegl]

Wow, I must have been blind! Thanks Daniel for your help. I should probably take a break from my computer.

[hiegl]

If this background is set to the row, the columns inside will not break anything, when moving responsively. I just tried.

Ah, your example has column backgrounds. I do not use column backgrounds, just the row background shining through.
But you are right, this method does not guarantee, that column content is always placed nicely relative to the background of it’s parent row’s BG.

Anyway, checking breakpoints is always good advice, as many “responsive” websites forgot about this.

[hiegl]

This first approach has two solid colors, but I guess one can also have gradients in each part?!
Learning a little bit more CSS before the year ends. 🙂

[hiegl]

Ah, now I solved it with pure CSS.

.bgtrick {
background: linear-gradient(90deg, #fdcd3b 60%, #ffed4b 60%);
}

Easy, most lightweight und even configurable by the deg.

What do you think, Marius? 🙂

[hiegl]

I already guessed something like this. In fact the expanded background was just a method to have two differently colored areas.

Simple question would be, how to have a row, that has columns with different background colors. The row should stretch the whole width of the browser window but the content should have a max-width and should not stretch.

If there is another easy way to have this without using the expand feature and witout using a two-colored background-image, that would be great.

[hiegl]

Just discovered that the safe button overlay can be closed by the ESC-key. It is though a very special effect, that does not match my clients design. So I would prefer to use the modal. Maybe the small glitches with Firefox could be fixed. Would be great. 🙂

[hiegl]

I can confirm, that the problem only occurs here with Firefox/Mac.
Chrome and Safari render the closing icon fine.

[hiegl]

Just discovered a glitch, that could be a bug. The demo page showing the modals is here:

Modals

Using an iPad: If I click one of the modals below (Team, Newsletter), the closing button is partly outside of the screen. Surprisingly this happens only, before the page is scrolled. If I scroll down a little bit and open the modals again, the closing button is placed correctly.

Could anyone please check and confirm. The position of the closing button seems to have problems with the sticky header, if I am right.

Thanks,
Bernhard

• This reply was modified 2 years, 4 months ago by hiegl.

[hiegl]

Good to know, that this plugin is your choice as well. 🙂

[hiegl]

Bravo! This works perfectly. I know, that I should really improve my CSS skills.

Thanks a lot!

[hiegl]

Thanks anyway for your help. 🙂

[hiegl]

Hello Kosmas,

we are both on the same page i.e. ordering a CPT is not a WP core feature, unfortunately.

I revisited my question above and I have to admit, that I must have been blind. The ordering by “Post Order”, that the portfolio grid offers, seems to be exactly, what I missed. Works great!

Could you confirm, that Post Order is in fact “menu_order”.

Anyway, this solves all of the ordering problems, as I can now use this plugin:https://de.wordpress.org/plugins/real-custom-post-order/ for my clients. It is very lightweight and free.

[hiegl]

Thanks Kosmas,

but isn’t this just a small change in the code of the portfolio CPT? I guess you created this PT and as WP knows the option to order by menu order, why didn’t you add it to the portfolio CPT?

Thanks for a great year with Impeka and hopefully big plans for the future.

Kind regards,
Bernhard

[Author]

Replies