Search Results for: image

I did and still small images.

I just tried, now they are little horizontal images again when in mobile view. Again, thank you for persisting with this problem.

change the earlier media query CSS to: @media only screen and (max-width: 500px) { .centered-images,.centered-images > div { display:block; } .centered-images > div { padding-left: 0; margin-bottom: 20px; text-align: center; } #ez-home-container-wrap .centered-images img { display: inline-block; } }

Do you want the entry title to appear as an overlay on top of featured image or below the featured image?

I see! In the Snippet of Code placed into functions.php, would you change ‘page’ to the CPT for example: ‘project’? Also, if we have a single page template setup ‘single-project.php’ can we just insert this snippet into this template file? How to display Featured image below navigation and relocate titles on Pages in Genesis Many […]

Also add: @media only screen and (max-width: 500px) { .centered-images, .centered-images > div { display: block; } .centered-images > div { padding-left: 0; margin-bottom: 20px; } }

Hi Sridhar, Thank you for responding. I just used your code and the same is happening as with the table format I was previously using. In mobile view, the images appear small in a single horizontal line. I was wondering if it was possible to have them respond vertically when on a smartphone. Thank you […]

Try this HTML and CSS: <div class="centered-images"> <div><img src="http://dynamik-copy.dev/wp-content/uploads/dynamik-gen/theme/images/cloud.jpg" /></div> <div><img src="http://dynamik-copy.dev/wp-content/uploads/dynamik-gen/theme/images/pexels-photo-103289.jpg" /></div> <div><img src="http://dynamik-copy.dev/wp-content/uploads/dynamik-gen/theme/images/picjumbo.com_14452490851_ca042fbac6_o.jpg" /></div> <div><img src="http://dynamik-copy.dev/wp-content/uploads/dynamik-gen/theme/images/picjumbo.com_gopr0108.jpg" /></div> <div><img src="http://dynamik-copy.dev/wp-content/uploads/dynamik-gen/theme/images/picjumbo.com_hnck0079.jpg" /></div> </div> Replace the image URLs with yours. .centered-images { display: table; height: 100%; } .centered-images > div { display: table-cell; vertical-align: middle; padding-left: 20px; } .centered-images > div:first-child { padding-left: 0; }

See if these help: How to display Page Title on full-width Featured Image in Genesis How to relocate Entry Titles in Pages and Posts on top of a Custom Image Background in Genesis How to display Featured images above Posts with Title as overlay How to display Featured image below navigation and relocate titles on […]