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.

Using Zentools -

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

Would anyone be able to give me a hint how I can make the articles linked to by the Zentools module (My Work Speaks For Itself) look good by appearing on the main page or on a sub page but using the same menu as the main page?

I feel that I have almost worked it out but I'm having problems. I'm sure I'm missing something simple.

www.greenninja.co.uk
  • Darren Whittaker's Avatar
  • Darren Whittaker
  • 12 Month basic
  • 9 posts
  • Karma: 0
Last Edit: 8 years 2 months ago by Darren Whittaker.
The administrator has disabled public write access.
Hi

With it being a one page layout on the home page and other pages having a standard menu this is a bit problematic

Are you able to have the content open in a lightbox rather than load a page with the standard menu?

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

I don't think I can get the volume of info I need in a lightbox. In Safari it doesn't open with sufficient height but seems better in Chrome and in both the content seems a little dimmed.
If I remove the <hr id="system-readmore" /> I get more content in the lightbox popup (I only get limited content otherwise) but the zentools boxes look bad - Your Photoshoot as an example.

If I could make the other pages look similar to the One Page layout it would be ideal. I can't see where the menu comes from on the other pages or where the page itself is configured at the moment. I only need one menu item to link back to the main page.
  • Darren Whittaker's Avatar
  • Darren Whittaker
  • 12 Month basic
  • 9 posts
  • Karma: 0
The administrator has disabled public write access.
Can I just check how much information you plan to add?
How the lightbox looks we can work on

With it being a one page template on the home page it works totally different than a normal menu

e.g. the one page menu is driven by template links and module positions

while a menu is driven by a menu module and uses multiple pages

So was hoping lightboxes could be an option but that as you say depends on the amount of content

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I'm happy to work within the space available if it is to be in a lightbox, especially if it can scroll and it can still look good on a mobile.
My FAQ for example, might have twenty questions and answers.
I'll make a start on adding the content to the 6 boxes during today.
  • Darren Whittaker's Avatar
  • Darren Whittaker
  • 12 Month basic
  • 9 posts
  • Karma: 0
The administrator has disabled public write access.
I'd try it first with one pop up to see if it's feasible content wise

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

'Your Photoshoot' is about the right size content wise now.
  • Darren Whittaker's Avatar
  • Darren Whittaker
  • 12 Month basic
  • 9 posts
  • Karma: 0
The administrator has disabled public write access.
Do you need help with anything on this?

The site is in offline mode at the moment

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Please. Back online now. Had it offline during my day here to try and restrict access while it is unfinished.
  • Darren Whittaker's Avatar
  • Darren Whittaker
  • 12 Month basic
  • 9 posts
  • Karma: 0
The administrator has disabled public write access.
Ok with photoshoot are you looking to remove

Call me
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque vehicula dignissim

or is do you need help with the styling on it?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
For the lightbox itself - can you attach the settings for the lightbox from the module

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
For the image itself - it has white space to the right of the image

for this, you either need to alter the resize settings for the image or set "Full width image" setting to yes

These settings are found in the zentools v1 Image settings tabs

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

I think I am almost there. I needed to tidy up the way the 6 image blocks look with the text below.
If I keep the <hr id="system-readmore" /> the text does not appear in the lightbox.
If I remove it, there seems to be a random amount of the text below the image.
I've removed the Text option and just kept the Image and Title, which seems to work fine though.

I'm working on making the text look clearer in the lightbox and trying to work out why they appear differently sized.
  • Darren Whittaker's Avatar
  • Darren Whittaker
  • 12 Month basic
  • 9 posts
  • Karma: 0
Last Edit: 8 years 2 months ago by Darren Whittaker.
The administrator has disabled public write access.
For the text shadow try adding

.jackbox-modal * {text-shadow: 0 0 0}

this should make the text clearer

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
With the text size there are different elements being used

blockquote, li, heading and p tags

Blockquote is the largest

So if you wanted to use all these elements in the real text they would need some tweaking

.jackbox-modal h2 {
margin-top: 10px;
}

for example
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I'd suggest adding one article with the real content - containing tags you will use and we go from there

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks for your help but sorry for being dim.
Where do I add .jackbox-modal h2 { margin-top: 10px; } ?
Is this in the article content?
  • Darren Whittaker's Avatar
  • Darren Whittaker
  • 12 Month basic
  • 9 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Are you familiar with how to use the custom.css file?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I've never used it but I can find it and have a play, thanks.
  • Darren Whittaker's Avatar
  • Darren Whittaker
  • 12 Month basic
  • 9 posts
  • Karma: 0
Last Edit: 8 years 2 months ago by Darren Whittaker.
The administrator has disabled public write access.
docs.joomlabamboo.com/zen-grid-framework-4/theme/customisation

look for the custom.css bit

If you need more help with this please ask away

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