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.

Help with vertical spacing between modules and page content please.

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

Dear Paul et al.

I am still trying very hard to learn how to build this joomla site using the information that I can find online.. I am doing a lot of using a trial and error method because oftentimes the information is not that clear.. and there are so very many parameters to set….what is really needed is a step by step approach like that used on Lynda.com in videos. Might your company ever do that…????

In the meantime, I need help with spacing (vertically) between banners and article content, slide show modules and article content. In many cases on the pages that I am creating there is too much space between the banner modules and the page content…I see how to arrange modules horizontally but not vertically.. This is a more of a problem when banners are used that have images that are 300px in height as opposed to the module with images on the home page which is 500px in height.

I have attached a pdf document which shows very clearly where the problems are in three different page examples.

The site is located here: (Paul asked me to put it online so it is now)
www.oasiswebdevelopment.com/lifestyle/

To administer the site you go here:
www.oasiswebdevelopment.com/lifestyle/administrator/

/* edit */

pages that need help and that are described in the attached pdf are here:
www.oasiswebdevelopment.com/lifestyle/
www.oasiswebdevelopment.com/lifestyle/index.php/rentals
www.oasiswebdevelopment.com/lifestyle/index.php/rentals

Thank you Thank you Thank you for your help with this. Please confirm that you received this….

Sincerely
Elizabeth
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
Last Edit: 9 years 11 months ago by manh.
The administrator has disabled public write access.
oops uploading my pdf did not work. I will try two other methods here is a zipped file
Attachments:
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
I'm just eating my tea but have removed the admin access details for the mean time

please don't post access details like this on the forum - we really really don't want to see people accessing the site with ill intent

I will look later this evening at the site

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

Here is a jpeg in case the other zip file did not work
Attachments:
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
here is page two thanks
Attachments:
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
How does this look?

#mainWrap #maininner {padding-top:0;}
section.article-content.clearfix {margin-top:0;}

adding these lines to the custom.css file

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
thank you Paul that helped with the home page but the About and the Rental pages still have the same big space...

any css for them?

thank you so very much... elizabeth.
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
As an example page are we looking at

www.oasiswebdevelopment.com/lifestyle/index.php/about

and the space between About and the slideshow?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
ah I'm obviously going a bit blind

With the pages is it one template style for the whole site?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
yes it is. thank you. will wait to hear.
Thanks,

Elizabeth
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Elizabeth,
The template actually calculates that based on some theme magic settings but it's not following the correct measurements there for some reason.
If you add this to the custom.css file it should fix the issue:
#maincontainerwrap.topmargin {
margin-top:280px
}

Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
wow, you guys are geniuses and I am a happy camper...

thank you... it worked!!!!

I will keep this thread for future reference!

Have a nice day.

Elizabeth
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
Thanks Elizabeth :)
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Turns out that there is a problem..

The css that I just added to custom.css made the slide show on the home page much shorter that I wanted.. Is there something else that I can do to rectify this situation?

#maincontainerwrap.topmargin {
margin-top:280px
}

here is the home page
www.oasiswebdevelopment.com/lifestyle/

Thank you.

Elizabeth
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Elizabeth,

We can target the home page with the itemid used for that page (for future reference you can see this if you view source code in the browser)

.itemid-101 #maincontainerwrap.topmargin {
margin-top: 360px;
}

So try adding this to the custom.css file

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
thanks so much again!!!
elizabeth
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
No problem :)

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

You can see the item-id on the body tag via the source code view - each page has a unique item-id

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
That is so cool thank you.. who thought to do that in the body tag!!!!!

Elizabeth
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
No problem - its a very handy feature :)

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