Weaver X Plus Box shsortcode — how to add spacing after it.

[Maureen]

On this site: http://www.21stcenturydads.org  I used the weaver x plus Box short code. I can’t figure out to increase spacing after the box.

I’m using Weaver X with X Plugin on WP 4.1.1.

Thanks for your help.

[scrambler]

Can you tell us what you mean exactly by the X plus Box shortcode, as well as where it is on the page ?

[Maureen]

It is this short code: 

• Box – [box] – Display content in a Box  
  [box background=#fff align=left border=true border_rule='border-css' border_radius=4 color=#000 margin=1 padding=1 shadow=1 style='style-rules' width=100]text[/box]

It is found on the Add-Ons Tab in Weaver Xtreme.

I placed it on the home page. It is the box in the Content area with the text in in. There is a button beneath it that needs more spacing between it and the box.

I also placed it on this page: http://www.21stcenturydads.org/rider-info/      The text beneath that box “Community Riders” is also too close to the box.

[scrambler]

OK so this is not a plus plugin shortcode just  one from the free basic Theme support plugin.

If you look at the help, you can use the  style attribute to add more CSS to that box.

If you want space under it add a margin-bottom to your style attribute along with any other style you may already have

style=”margin-bottom:15px;”

with the value you like

[Maureen]

Thanks Scrambler. That did it.

I learned something new today. I did not understand the use of inline styles, which is what is placed into the style=inline-style. I now know I can use inline styles in the short codes and in html. 

[scrambler]

@Maureen

Not all shortcodes support that option. Shortcode are mini programs made by a developer, they only do what the developer has planned.

So Check the shortcode options before assuming it works 🙂

[Author]

Posts