I would like to make a few changes on the following page layout:

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

1) Add padding between the K2 image and the User Avatar.

2) Move the User Avatar down to align the top with the top of the K2 image.

3) Move the RSS icon down and to the left (?) corner so that hopefully it does not touch the Featured icon.

4) Wondering if maybe the Featured Icon could then move slightly to the left. Otherwise, I may just turn OFF the featured icon since displaying the RSS icon is more important to me.

any help you can give on this would be awesome, as always.

Sean

Is this the latest version of zenkit?

It was not the latest version. I just upgraded from 2.1.2 to 2.1.3 and there is spacing now.

I would still like to drop the User Avatar image down so it's top will line up with the top of the K2 image. Right now it is covering the featured image and has the rss image covering it.

And, it would be nice to move the RSS icon a little bit to not have it cover the featured image.

Sean

Hello Paulus,

Here is another page that might just muddy the waters. It is a page using the Carousel template:

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

Notice how the Featured icon is not lining up between the horizontal lines.

And, the RSS feed might actually be better pushed up to the top right corner of that space? Then in cases where there is a Featured image the RSS could probably also show as it would be in the top right corner?

And, then for items that do NOT have a Featured icon the RSS icon would be as far away from the Item Title as possible so less likely to conflict with the title.

Hi Sean,

Carousel wise - try

#mainWrap #zenkit.carousel .slides .catItemView {padding: 0px;}

to tighten up the carousel

Positioning the icon wise - there are few options for this

#mainWrap #zenkit .k2FeedIcon.notitle {
margin-top: 30px;
margin-right: 30px;
}

this is the first style you can adjust - the above is the template styling

Thanks Paul,

I have put in both of your suggested changes but for some reason am not seeing any changes. I am looking at the page:

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

At this point I would still like to bring the carousel arrows in very close to the Carousel images.

I would actually now like to raise the RSS icon to appear just below the breadcrumb trail. I am hoping to be able to figure out how to do that with all the layouts.

Do you have any idea in this layout why the item from the 'primary count' is not lining up with at the top with the carousel. It is just a bit down. This is the item that is not lining up at the top: COPY OF CEDAR CREEK WINERY TILE TO HARDWOOD FLOOR CONVERSION

#mainWrap #zenkit .k2FeedIcon.notitle {
margin-top: 30px;
margin-right: 30px;
}

are the current values so you change the 30px to what you think is the best look

For the second point try

#zenkit.itemListView.carousel #k2ItemListPrimary {margin:0;}

Thank you very much for all that help. What I decided for the Carousel layout is that it is best to just NOT use zero in both the Primary count and Columns for primary field. That seems to be what I do with quite a few of the ZenKit labels. It looks better that way for me with this Carousel layout!

Thank you for helping me get here. Also, I used a negative value for the margin-top and that raised it up like I wanted.

So in this thread we are all ok now?

Cheers
Paul

Yes, we are OK on this thread. I actually was not able to get it to look nice if I placed anything into the primary images fields but as long as that stays blank the layout looks fine so I will just try to live within those constraints. Shouldn't be too hard.

Right cool

Cheers
Paul