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 Tools - spacing in between Text and title & spacing in between titles and images

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

I am trying to decrease the spacing in between text and and the titles associated with Zen Tools {loadposition project2} placed in an article that relates to the module Project2 Gallery in project2 position.

I am also trying to figure out how to decrease the spacing between the titles and associated images. I have included a jpeg to illustrate. I am using the reVision template.
Attachments:
  • Brooke Thackray's Avatar
  • Brooke Thackray
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
Have a link for the page?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
alphamountain.com/alphamountaint3/index.php/services/service-2

This is the page that I am working on in the website

Thx.
  • Brooke Thackray's Avatar
  • Brooke Thackray
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
The heading tag in the module uses margin:10px 0

so try

#zentools98 h6 {margin:0;}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
the other spacing is due to paragraph margin

p {margin: 0 0 20px;}

so to reduce it create your class with the p tag and change the bottom margin value from 20px

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I am a newbie at this and have been trying to figure this out.
(1) space in between titles and images in module
- I was not able to find "#zentools98 h6 {margin:0;}" in the template CSS code, although I did change the h6 tag --
h6 {
margin: 0px 0;
font-size: 14px;
line-height: 20px;
}
Works but probably not the best solution
(2) I am totally stuck on adding a new page class to adjust the paragraph margin. I have created a new class as NewClassArchive and then added
div.NewClassArchive p {margin: 0 0 0px;} to the bottom of my template.css file, but this has not worked

Thank you for your help.
  • Brooke Thackray's Avatar
  • Brooke Thackray
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
#zentools98 h6 {margin:0;} doesn't exist in current styling

Its taking the unique ID of this module
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
New styling needs to be added to the custom.css file this is protected from template updates and if the template is compiled less to css

www.joomlabamboo.com/index.php?option=com_kunena&view=topic&catid=661&id=110521&Itemid=215
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
In the custom.css file add

p.noMargin {margin:0;}

In the html editor add

<p class="noMargin">The Thackray Market Letter is published on the 10th day of the month. It is an informative report that includes a market update, technical analysis, economic commentary and the holdings of the Horizons Seasonal Rotation ETF (HAC : TSX). There is no cost for the monthly publication.</p>
  • 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: Brooke Thackray

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

Happy Campers