[Polasen]

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

[serkan]

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 you

[Polasen]

hello

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

[serkan]

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

[Polasen]

@media screen and (min-width: 768px) { .home .alignnone { margin: 0; } }
–> it’s work, thanks a lot

[serkan]

You are welcome

[Polasen]

Hello 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/uUx5jFwFN9

On 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/
etc

If it’s with a custom css I can test / increase or reduce gradually a size in pixel or %.

Thanks for advance !

Best regards

[serkan]

Hi Polasen,
You can use these custom css codes

.site-header { padding-bottom: 0; }
.site-main { margin-top: 0; }

[Polasen]

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

[serkan]

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

[Polasen]

wonderful, thanks !

[serkan]

You are welcome.