Archived topic
Design tweaks
1 reply · Started by Max on November 6, 2016
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:
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:
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
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 :)
