-
Posted in : Photographer
-
Hello
When I add a gallery in a page (full width), the images are going under the menu, with a good space (not to big / not to tiny). Exemple : http://www.senvision.fr/australia/
But when I had images in a page (full width) with columns, the space between menu and images are too big. The images are too low in the page. Exemple : http://www.senvision.fr/
I use metaphor shortcode to have a fix columns (this images are link with the others pages of the site – a visual menu) :
[mtphr_grid span=”3″ start=”true”]
images
[/mtphr_grid][mtphr_grid span=”3″]
images
[/mtphr_grid][mtphr_grid span=”3″]
images
[/mtphr_grid][mtphr_grid span=”3″ end=”true”]
images
[/mtphr_grid]A custom CSS or other thing can change this space, and can upping images ?
Thanks a lot
Best regards
Hi Polasen,
You can control the vertical spaces with this custom css code.
@media screen and (min-width: 768px) { .home .alignnone { margin: 1em 0; } }
But we can not control the horizontal spaces with a few custom css code. Maybe you can check the plugins options.
Thank youhello
It’s seem not working. It’s the vertical space I want to minimize here : http://www.senvision.fr/
To have this result : http://www.senvision.fr/vietnam/ (good space between menu and images)
You have any idea ?
There is no option in the shortcode plugin :-(Thanks for advance
Best regards
Hi Polasen,
I tried the custom css code in your related url and it seems working actually. But i decrease the margin to zero. Try it again please..@media screen and (min-width: 768px) { .home .alignnone { margin: 0; } }Maybe this custom css code will help you a bit for horizontal spaces.
.mtphr-shortcodes-row [class*="mtphr-shortcodes-grid"] { margin-left: 1% !important; }Thanks
@media screen and (min-width: 768px) { .home .alignnone { margin: 0; } }
–> it’s work, thanks a lotHello again :-)
After reflection, I want to know if it’s possible to reduce the white space between the menu and the first images / the first content in the page (50% of the actual space will be great)
Here is a visual : http://we.tl/uUx5jFwFN9On the home http://www.senvision.fr : (columns with images, and already this css code @media screen and (min-width: 768px) { .home .alignnone { margin: 0; } } )
On all the other pages :
http://www.senvision.fr/portraits/
http://www.senvision.fr/wrecks
etc
and subpages :
http://www.senvision.fr/portraits/vietnam-portraits/
etcIf it’s with a custom css I can test / increase or reduce gradually a size in pixel or %.
Thanks for advance !
Best regards
Hi Polasen,
You can use these custom css codes.site-header { padding-bottom: 0; } .site-main { margin-top: 0; }perfect thanks !
I have a similar question about the header. I use a “text” header with my site name
If I want to reduce the white space over and/or behind “Florent Dudognon – Polaroid”, it’s possible ?
(here : senvision.fr)thanks for advance
Hi Polasen,
You can use these custom css code;.site-header .site-logo { margin-bottom: 0; } @media screen and (min-width: 992px) { .site-header { padding-top: 1em; }Thanks
You must be logged in and have valid license to reply to this topic.