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.

Nebula - Large spaces between sidebar module

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

Just wondering if there's any way to reduce the vertical space between the modules in sidebar 2 position. Its very large.
  • Tangier Clarke's Avatar
  • Tangier Clarke
  • 12 Month basic
  • 136 posts
  • Karma: 0
The administrator has disabled public write access.
Do you have a link for the site?

thanks
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hello again Paul. Here's the link:

nccfc.net/nebulaquickstart2/index.php/about-us/173-04
  • Tangier Clarke's Avatar
  • Tangier Clarke
  • 12 Month basic
  • 136 posts
  • Karma: 0
The administrator has disabled public write access.
So you need to add

.sidebar .moduletable {
margin-bottom: 50px;
}

replacing the 50px with your new value
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
This currently is a global style affecting all sidebars so depending on different modules you may want to target it more specifically

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I assume you mean I need to add that to the appropriate CSS file? Would it be the CSS files that I can also change the Zen Tools overlays on my homepage grid icons (when viewing on a mobile phone) to stay the same size as the image. Right now the overlay is wider than the image link - looks horrible and riving my crazy on my iPhone.

I figured the suggestion you made for the sidebar and the overlay size issue would be something I have to find in the correct CSS file to modify and/or add to.

Thanks again.
  • Tangier Clarke's Avatar
  • Tangier Clarke
  • 12 Month basic
  • 136 posts
  • Karma: 0
The administrator has disabled public write access.
With the style I added paste that directly into the custom.css file

Then change the 50px value to the value you want
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The 50px is the current value

With the custom.css - any style that is different from the template css needs to be added here

That includes any new style or a style that overrides the template existing style

The style above is overriding the template style
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Right do you have a band across on the home page at mobile width?

#bannerwrap .allitems {background: none;}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Image size compared to overlay size - you can change this setting to make images full width of container in the module settings

That is the easiest way
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Ah, Ok. Good to know for the future. I have to get used to using the backend like that. I am so used to using text wrangler and Cyberduck FTP to get to the CSS files I want.
  • Tangier Clarke's Avatar
  • Tangier Clarke
  • 12 Month basic
  • 136 posts
  • Karma: 0
The administrator has disabled public write access.
That's correct. I have a dark grey band underneath my logo on an iPhone and the overlays for the zentools grid are wider than the actual link image.
  • Tangier Clarke's Avatar
  • Tangier Clarke
  • 12 Month basic
  • 136 posts
  • Karma: 0
The administrator has disabled public write access.
OK, thank you.
  • Tangier Clarke's Avatar
  • Tangier Clarke
  • 12 Month basic
  • 136 posts
  • Karma: 0
The administrator has disabled public write access.
You can certainly use ftp with the custom.css file - some folks prefer working like that

Are you all ok now?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I haven't tried the solutions yet since I am at work right now, but I will soon. I believe I am OK. If I have any problems with those solutions, I'll let you know.

Thanks.
  • Tangier Clarke's Avatar
  • Tangier Clarke
  • 12 Month basic
  • 136 posts
  • Karma: 0
The administrator has disabled public write access.
No probs get back to us if you need more assistance

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Paul, I added the code you provide to the default Nebula modules template in template manager. Nothing happened though. I changed the px to 20 to see if I'd notice. Then i changed .sidebar to "#sidebar" to see if that was the issue. Still no results. I added it before the head with other custom code inside my <style> tag.

Tangier
  • Tangier Clarke's Avatar
  • Tangier Clarke
  • 12 Month basic
  • 136 posts
  • Karma: 0
Last Edit: 6 years 10 months ago by Tangier Clarke.
The administrator has disabled public write access.
You need to add to test the styles in the custom.css file

If they don't work its easier to see why

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

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

Happy Campers