Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Zen Shortcodes - Approximately 75px Additional Bottom Margin to Coloumns

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi,

Working on a local wamp site. I had this issue before and had to use classes or custom css to eliminate the excessive bottom margin when using columns.

I want to know how to cut out the excessive margin in a standardized way so I can implement columns/shortcodes across any jb site without having to manually deal with this bottom margin problem?

Perhaps, is it not better to ship your shortcodes without the classes that add the bottom margins (I'm trying to figure out where having these margins would actually be useful)?

Screenshot55.png


Screenshot56.png


Screenshot57.png


Screenshot58.png


Aadil
  • Aadil's Avatar
  • Aadil
  • LIfetime Developer - Big Bamboo
  • 292 posts
  • 13 Thanks
  • Karma: 4
The administrator has disabled public write access.
Hi Aadil,

The first pic is the margin in the element used as the container by the editor I'm assuming so its using the p tag

p tags will always have a bottom margin on it
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
With the second pic its a little unclear but possibly also due to it containing another p tag
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

Yes, I can understand the margin associated with the p tag in the 1st image, but then the next 3 are to do with zg-col and moduletable having bottom-margins....which add up to a lot.
  • Aadil's Avatar
  • Aadil
  • LIfetime Developer - Big Bamboo
  • 292 posts
  • 13 Thanks
  • Karma: 4
The administrator has disabled public write access.
With adding margin to the moduletable to stops modules from bunching up I think

To add margin and remove margin on certain modules or positions would possibly make it confusing for the average member
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I guess with some of these margins it's about compromise with what is easiest for the average user, design itself combined with the designer's view of space and lastly how the modules are laid out by the user
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
If you were wanting to duplicate template settings across sites or different templates you could always save and import the layout and json files from one site to another
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
You would need to rename the json file to match the template id of the receiver template

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul,

...but what would you suggest I do to eliminate at least the last 3 margins (from the last 3 images)?
I feel as if the margins will also pop up if I use the columns in my main content area too so I'd probably need a fix that works there as well (as well as across jb templates).
  • Aadil's Avatar
  • Aadil
  • LIfetime Developer - Big Bamboo
  • 292 posts
  • 13 Thanks
  • Karma: 4
The administrator has disabled public write access.
Not quite sure I'd refer to it as a fix more of a user preference

It would be a big change to roll out across the different templates / framework

What template are you using?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Using Base4 with Buildr - wamp site.

Was thinking, if all those margins are there to prevent it bunching up when it's triggered to stack, then maybe those margins should've been applied with media queries, to apply when the grid collapses (would this not have been better)?

I think I recall that we can create our own shortcodes with zen shortcodes - if so, would it maybe be better to try and recreate all these columns as shortcodes myself (not sure if it's possible or a good idea)?

Regards,
Aadil
  • Aadil's Avatar
  • Aadil
  • LIfetime Developer - Big Bamboo
  • 292 posts
  • 13 Thanks
  • Karma: 4
Last Edit: 3 years 8 months ago by Aadil.
The administrator has disabled public write access.
...I understand why you say this is more user preference but if you look at the images I uploaded (each column has a paragraph or two in it), then do you not think that those bottom margins are excessive (& I'm trying to keep the container's spacing even on all 4 sides)?

I believe the shortcodes were built to be used in articles so even then, I don't think that the bottom margins (associated with the columns) would have led to consistent spacing in an article - what do you think?
  • Aadil's Avatar
  • Aadil
  • LIfetime Developer - Big Bamboo
  • 292 posts
  • 13 Thanks
  • Karma: 4
The administrator has disabled public write access.
You could use descendant selectors

The shortcode custom option doc is here

docs.joomlabamboo.com/zen-grid-framework-4/theme/shortcodes/custom-markup

I'm not sure of the philosophy of the spacing - with four sides are you referring to the shortcode columns?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks for the link.
By four sides I mean the white container that the module content is in (that was designed via the template options). To get the spacing (margin/padding within the container) consistent, I need to remove the excessive bottom margins caused by the shotcode columns.

Aadil
  • Aadil's Avatar
  • Aadil
  • LIfetime Developer - Big Bamboo
  • 292 posts
  • 13 Thanks
  • Karma: 4
The administrator has disabled public write access.
I'll bring it up in our next meeting

I'm not sure if we can remove it given we don't have control over how the plugin syntax will be used

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Okay great, thanks. I'll wait to hear back.

I'm basically trying to achieve consistency in my designs so I'm hoping to figure out the best possible way.

Aadil
  • Aadil's Avatar
  • Aadil
  • LIfetime Developer - Big Bamboo
  • 292 posts
  • 13 Thanks
  • Karma: 4
The administrator has disabled public write access.
Will keep you posted

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi,

Any feedback yet for this thread & the others that I've posted in?

Aadil
  • Aadil's Avatar
  • Aadil
  • LIfetime Developer - Big Bamboo
  • 292 posts
  • 13 Thanks
  • Karma: 4
The administrator has disabled public write access.
Hi Aadil,

Joomlabamboo is going through some big changes so we haven't released an update yet

We have also moved to upgraded servers and re-organised some of our internal systems so this has occupied a lot of our time I'm afraid

I will talk to the developers today about your requests

Thanks for your patience

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: Aadil
Hi Paul,

Wanted to check in and see if you had a chance to talk to your devs yet?

Regards,
Aadil
  • Aadil's Avatar
  • Aadil
  • LIfetime Developer - Big Bamboo
  • 292 posts
  • 13 Thanks
  • Karma: 4
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers