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.

Add padding between K2 image and User Avatar in ZenKit Blog layout

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

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
  • 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.
Is this the latest version of zenkit?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
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. :-)
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Sean,

Carousel wise - try

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

to tighten up the carousel
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
Last Edit: 5 years 4 months ago by manh.
The administrator has disabled public write access.
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
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
#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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
For the second point try

#zenkit.itemListView.carousel #k2ItemListPrimary {margin:0;}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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. :-)
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
So in this thread we are all ok now?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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. :-)
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Right cool

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