[vertical-spacer] with negative numbers?

Hi ramonjosegn,

What do you mean by negative numbers? Are you trying to apply negative margin?

If you could provide some context as well, that would be helpful.

Thanks!

Yes, I can look [vertical-spacer] show a space very big for my design

I am testing with style:30px and works, but style:-30px not working

Thanks for support

So by default, the vertical spacer adds a margin-bottom of 30px. So I am fairly certain that what you are adding is not doing anything. To adjust the height of the vertical spacer, the easiest way is to do so directly in the shortcode. So if you wanted to strip all height (not sure why you would want to do this, just delete the shortcode, but for example), you would add the following:

[vertical-spacer style="margin-bottom:0"]

Or if you wanted to increase the height, you could do something like:

[vertical-spacer style="margin-bottom:200px"]

Let me know if this helps.

Nick

OK, thanks for support, I think 0 can works for me

This is my problem, I have a big space between the map and the text (for launch the map in big size)

• This reply was modified 8 years, 2 months ago by ramonjosegn.

My design

https://s14.postimg.org/fardonfip/space.jpg

Good morning ramonjosegn,

Are you still having trouble, or are you all set?

If you need more help, it is a bit hard to understand what the issue is from the screenshot. If you could provide a link to the site where I could check it out live, that would be helpful. If there is still too much space between the map and the text, this would be easier solved by modifying the CSS on either the map or the text, rather than using the vertical spacer. The vertical spacer is designed to add space between elements.

Nick

Thanks for the support, I still have not reviewed this issue calmly, I guess as you indicate you may be better solutions, I’m testing with other shortcodes but so far have not managed to reduce the space

If you can provide me with a link, it think we can fix it with just CSS. But I need to see the actual output to provide any further help.

Yes Nick, but really I’m still experimenting with various options to display the map (not yet decided how it will finally)

In this page I am doing the “experiments”

https://mirutafacil.com/ruta-sitp-4-san-luis-san-fernando-urbana/

I do not like look the grid, until now, I need doing any tests… ??

Is complicate show a beauty desing with urban bus maps…

Ok, well if you want to know you to minimize the space between the map and the “Ver en Google Maps”, the following code should work for you. You need to adjust the styling on the <hr> element.

The <hr> element is currently set to:

hr {
  border-color: #EAEAEA;
  border-style: solid none none;
  border-width: 1px 0 0;
  height: 0;
  margin: 30px 0;
}

Change the margin to reduce the height, so for example (note here I am using .rescue-box to constrain the style to the map box. That is the class on the container <div>. Leave this off if you want to change the <hr> site-wide):

.rescue-box hr {
  margin: 10px 0;
}

Best of luck.

Very thanks Nick

I will testing today… I think sometimes WordPress not allowed taming… I have a lot of custom code, ??

You can close the post, many thanks