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.

This same issue also happens with Magazine Right:

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

Also for Slideshow2:

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

And, in slideshow:

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

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

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.

Sorry Sean you've lost me here - are you wanting to change 1 column into 4 columns?

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?

Will need to check on this one and let you know

Cheers
Paul

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!

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

I've slightly lost track of the thread in question but can you try uploading the latest template regarding the slideshow issue

Cheers
Paul

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?

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

With the second one try adding a page title

Cheers
Paul

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

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

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.

Hi Sean,

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

Cheers
Paul

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

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