[Resolved] Design tweaks

[Max]

Hey Tom

Three questions:

1. I want to create a tiled layout with border and rollover effect exactly the same as that used on this page immediately below their header image:

https://www.upwork.com/

What is the best way to create that layout in GP. I understand that I can use a grid div to get the layout, but am unsure how to code the border. Or can this effect be created using WP Tiles plugin. I want to avoid using the plugin if possible and am already experience using GP native grid function.

2. Toward the bottom of your GP page here:

https://generatepress.com/

You have your testimonials. I note that you are using a alternate 25% 75% grids. But I also note that when I scale my browser down, the image/gravatar you have for each testimonial always get displayed above the text REGARDLESS if the image is in the left hand side or right hand side of the grid. I assume you are controlling this with CSS. Can you please let me have the code.

3. How are you achieving the grid layout on your Premium page? I vaguely recall that you had a tutorial on this but am unable to find it.

Thank you for your kind assistance and I hope that you and your family are well.

Kind Regards

Max

[Tom]

Hi Max,

1. WP Tiles might be your best bet here. Doing it custom would require quite a bit of custom programming to get working.

2. If you inspect the elements using your developer tools, you’ll “push” and “pull” classes. More info on those here: http://unsemantic.com/css-documentation#6-push-amp-pull-classes

3. You can either use Lightweight Grid Columns or just use the built in unsemantic grid classes (what I linked to above).

Hope this helps 🙂

[Author]

Posts