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.

ZenKit Magazine Left has horizontal lines through Links images.

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

gmf.cloudaccess.net/services/zenkit-testing-magazine-left

This page has a very small problem where there is a horizontal line going through the first of the four Links images.
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
This same issue also happens with Magazine Right:

gmf.cloudaccess.net/services/zenkit-magazine-right
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
Last Edit: 5 years 4 months ago by scarney.
The administrator has disabled public write access.
The problem style for you is this one

#mainWrap #zenkit #k2Links li {border-bottom: 1px solid #eeeeee;}

I don't think it was anticipated on images being used like this
so you if you are not using text links anywhere else you can a zero value in the custom.css

If you are then its a bit more tricky and a category class will be needed

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Interesting. There is something else about the K2 Links which is that you are able to select the number of columns to display but regardless the images appear in only one column. However, by selecting the columns to display you do adjust the size of the images. In other words if you pick four columns the system allows the spacing for the images of a four column layout even though it is creating a single column.

I have mine set for the following at this page: gmf.cloudaccess.net/services/zenkit-testing-slideshow2

Links count: 4
Columns for links: 4
Image size for link items: xsmall

Regarding the zero balance you mentioned were you thinking that the border-bottom value would be changed to 0 ?

It does work if I remove the images by setting image size for none. But, I would prefer the image and the four columns if possible. :-)
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
Last Edit: 5 years 4 months ago by scarney.
The administrator has disabled public write access.
Sorry Sean you've lost me here - are you wanting to change 1 column into 4 columns?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hello Paul,

Is it possible to set up the Links as four columns? It seems it should be because K2 allows you to select the number of columns for the "Columns for links" but what that setting does is just adjust the size of the images. I would be interested to have the Links appear in the columns if that was something that was supposed to be built in!
But,. I have always assumed that settings is just mislabeled?
Attachments:
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Will need to check on this one and let you know

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I thank you for checking on this. It seems since it is an option in the interface that it should work but I know that is not always a given! :-)
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Think you will need to raise this one in a ticket as I'm not sure what css to suggest at this stage

I don't want to break one of the layouts you are using

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I've slightly lost track of the thread in question but can you try uploading the latest template regarding the slideshow issue

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The slideshow is looking good except for one small issue where the PREV and NEXT arrows are being covered by the Featured icon. One possible solution that comes to mind would be to push those icons up just like we did with the RSS icon. It would probably work for both the slideshow and the slideshow2 layouts:

gmf.cloudaccess.net/services/zenkit-testing-slideshow

gmf.cloudaccess.net/services/zenkit-testing-slideshow2

The slideshow2 layout also needs us to do something with the Featured icon to possibly also push it up?
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
With slideshow 1 its more a case of moving the navigation down rather than up

To line up the header test I'd look at increased the font-size so the bottom border element is lined up with the featured icon
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
With the second one try adding a page title

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

I thought I would bring this ticket back to being about it's original subject line. I believe you werer going to look into whether we can get rid of the horizontal lines that are running through the Links images at the bottom of the Magazine Left and Right pages.

Also, we were wondering if the settings for K2 which seem to indicate that the links can be display in up to four columns was actually possible or if it is a quirk in K2 that doesn't actually work?

gmf.cloudaccess.net/services/zenkit-testing-magazine-left

gmf.cloudaccess.net/services/zenkit-testing-magazine-right
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Sean,
The rule responsible for those lines is:

#mainWrap #zenkit #k2Links li {border-bottom:1px solid #eee}

Try adding a contrary rule in the custom.css:

#mainWrap #zenkit #k2Links li {border-bottom:0 !important}

Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Thank you. That worked. I can certainly use that.

However, I am commenting it out just now only long enough for you to compare the 'default' layout with the ZenKit layouts. I thought you might like to see that the default layouts actually leave the hr lines in place and space them as proper dividers.

Compare this (default template) page:

gmf.cloudaccess.net/services/k2-testing-default

With these ZenKit pages:

gmf.cloudaccess.net/services/zenkit-testing-magazine-right

gmf.cloudaccess.net/services/zenkit-testing-slideshow

Note the lines are going through the first image of the four links images.
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Sean,

We are going to have a look at getting a solution to this over the weekend

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Since this issue was not that important to me and because your Tiles layouts do sort of allow the More Links to line up in a line (kind of a staggered line) I decided to go with the flow and just used your previous code to make the line weight zero.

So, my site looks nice to me but if I did not comment out the lines they would still be running through my images for the More Links images:
www.goodmorningflooring.ca/surfaces/backsplashes
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Sean,

I think we can do better than that - I would create a new ticket or add it on the other ticket

I can get the elements aligned but I'm not happy with my css solution

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