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.

Distance in SlideShow

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

Hello Anthony,

I have two questions, first question is - how can i change distance marked with violet arrow at image bottom, where can i find css rule?

2012-03-1723-20-58.jpg




Secon question is: I want to make border like image bottom on slideshow at image above, but without thumbnails (thumbnails should stay as it looks like right now) - i make fake image on the bottom of this mail.

2012-03-1723-29-18.jpg


FAKE

Untitled-1.png
  • LPe's Avatar
  • LPe
  • 12 Month basic
  • 44 posts
  • Karma: 0
The administrator has disabled public write access.
Hey there,

Can you post a link so we can see where the space is coming from? Hard to say from an image.

Also not 100% sure what you need in question 2.

Happy to help though.

Cheers Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Yes of course, here is link www.hortigroup.pl/index.php/oferta/warzywa-kapustne/kapusta-biala

Second question:
I want to make border only on big picture, because right now is only shadowed, but i want to add white border 4px + shadow like in www.hortigroup.pl/index.php/warzywa-kapustne/kapusta-czerwona , but i want to leave thumbnails like right now (only shadowed)

one more think, when i click on thumbnail, for moment text on right goes down, and after photo is loading text back to past position - how can i change it, i can be without fade effect.
  • LPe's Avatar
  • LPe
  • 12 Month basic
  • 44 posts
  • Karma: 0
Last Edit: 12 years 1 month ago by LPe.
The administrator has disabled public write access.
Can you help, please?
  • LPe's Avatar
  • LPe
  • 12 Month basic
  • 44 posts
  • Karma: 0
The administrator has disabled public write access.
Hi,

Im sorry I missed your reply.

Adding this to the css/theme.css file or your custom file will implement the changes you need.
#jbArticle .slide-controller {
padding: 0;margin-top: 310px;
}

#jbArticle .zenimage img{
padding: 4px;background: #fff;border: 1px solid #ddd;margin: 0;box-shadow:none
}

#jbArticle .slides{
position: absolute;
}

#jbArticle .zentools {
height: 340px;
}


The height in the last rule is specific for this module and if you are using other modules of a different height then you will need to adjust the width and also specify a new id for the rule.

As an aside this level of customisation help is what we would normally provide for developer members, as it's a pretty specific use case for you.

Your site looks like it is coming together well though.

Thanks Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
Last Edit: 12 years 1 month ago by Anthony Olsen.
The administrator has disabled public write access.
Hello Anthony,

Thanks, now it looks like i imagine it, but bordr effect is missing in this link ( www.hortigroup.pl/index.php/oferta/warzywa-kapustne ) when You go into article ( www.hortigroup.pl/index.php/warzywa-kapustne/kapusta-biala ) everithink is ok, can You tell me how can i change it (where?). I belive You can help me last time ;)

BTW thanks for earlier help.
  • LPe's Avatar
  • LPe
  • 12 Month basic
  • 44 posts
  • Karma: 0
Last Edit: 12 years 1 month ago by LPe.
The administrator has disabled public write access.
Hi there,

I can see borders on the images there.

What should they look like?

Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Hello,

Please look one more time at links from my last post. Border is ok in full article if i show only abbreviation from article / show list of articles like in link www.hortigroup.pl/index.php/oferta/warzywa-kapustne it is missing. When i click 'read more' everythink is perfect. Maybe You can help.
  • LPe's Avatar
  • LPe
  • 12 Month basic
  • 44 posts
  • Karma: 0
The administrator has disabled public write access.
Hi,

On this link:
www.hortigroup.pl/index.php/oferta/warzywa-kapustne

I can see the slideshow. All of the border effects for the slideshow are set in the zentools module.

Not sure what I was looking at yesterday. Sorry about that.

Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Hi,

Anthony in this link ( www.hortigroup.pl/index.php/oferta/warzywa-kapustne ) we have slideshow from zentools - thats right, but if You go into article (click "czytaj więcej: Kapusta biała') and look at the same slide show - it looks little bit different. I want both looks the same. In full article we make it by css change from 4 post above. I want to make same changes for this section ( www.hortigroup.pl/index.php/oferta/warzywa-kapustne )

PS
we make only changes (css changes) in this section (full articles) - ( www.hortigroup.pl/index.php/warzywa-kapustne/kapusta-biala )
  • LPe's Avatar
  • LPe
  • 12 Month basic
  • 44 posts
  • Karma: 0
The administrator has disabled public write access.
Hi there,

I'm confused. Do you want to add the shadow styling to the full article image, or remove it from the first slideshow?
  • Seth's Avatar
  • Seth
  • Moderator
  • 8358 posts
  • 225 Thanks
  • Karma: 202
The administrator has disabled public write access.
I want to slideshow from this link ( www.hortigroup.pl/index.php/oferta/warzywa-kapustne ) looks like from this link ( www.hortigroup.pl/index.php/warzywa-kapustne/kapusta-biala ). In my opinion different css style steering of same slideshow (one css styles is for full article and other is for list of articles)

PS
in first link we have list of articles, in second we have full article
  • LPe's Avatar
  • LPe
  • 12 Month basic
  • 44 posts
  • Karma: 0
The administrator has disabled public write access.
Ah ok.

Your addition here:


#jbArticle .zenimage img{
padding: 5px;background: #fff;border: 1px solid #ddd;margin: 0;box-shadow:none
}


targets just the article.

If you remove the #jbArticle it will apply it across multiple pages.
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Many THX,

As always - fast and perfect.

Regards.
  • LPe's Avatar
  • LPe
  • 12 Month basic
  • 44 posts
  • Karma: 0
The administrator has disabled public write access.
One more think :)

#jbArticle - this is responsible for full article, and what is css name for lists of articles

if i use #jbSection i don't get effect as i want

i'm asking because when i remove #jbArticle and apply for multiple pages, Frontpage slideshow will change too nad i don't want it.

Look for www.hortigroup.pl/index.php/oferta/warzywa-kapustne and here www.hortigroup.pl/index.php/warzywa-kapustne/kapusta-biala to see what Frontpage looks like.

MY CSS

.slide-controller {
padding: 0;margin-top: 305px;
}

.zenimage img{
padding: 5px;background: #fff;border: 1px solid #ddd;margin: 0;
box-shadow:0 0 3px rgba(0, 0, 0, .2);
-moz-box-shadow:0 0 3px rgba(0, 0, 0, .2);
-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, .3);
}

.slides{
position: absolute;
}

.zentools {
height: 330px;
}
  • LPe's Avatar
  • LPe
  • 12 Month basic
  • 44 posts
  • Karma: 0
Last Edit: 12 years 1 month ago by LPe.
The administrator has disabled public write access.
Hi there,

you can use .jbSection or .jbCategory.

so it might look like this:
.jbSection .zenimage img, .jbCategory .zenimage img, #jbArticle .zenimage img {}


Cheers Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Hello !!!

You are master of the world :). My all problems were gone :D

Regards from Poland.
  • LPe's Avatar
  • LPe
  • 12 Month basic
  • 44 posts
  • Karma: 0
The administrator has disabled public write access.
Hehe no probs.
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
The following user(s) said Thank You: LPe

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

Happy Campers