Keyword
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Authorblock overlapping ItemHeader

  • Nelson Elliott
  • Nelson Elliott's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 3 months ago #139384 by Nelson Elliott
Authorblock overlapping ItemHeader was created by Nelson Elliott
Hello,
When I implement the nuMagazine template, I find that the Author details block overlaps the Item Header. Here is the screenshot:http://imgur.com/n1R2POq

Please advise. Thanks!

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 2 months ago #139385 by Krikor Boghossian
Replied by Krikor Boghossian on topic Authorblock overlapping ItemHeader
Hello,

For items with a very short full text and no intro text it is best advised to disable the author block and latest items from author.

You can change the css (I will assist you on this) but this will change the layout for all the items.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Nelson Elliott
  • Nelson Elliott's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 2 months ago #139386 by Nelson Elliott
Replied by Nelson Elliott on topic Authorblock overlapping ItemHeader
Hi Krikor,
Can the solution be applied at a Category level? If so, I am open to testing.

Thanks,
Nelson

Please Log in or Create an account to join the conversation.

  • Nelson Elliott
  • Nelson Elliott's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 2 months ago #139387 by Nelson Elliott
Replied by Nelson Elliott on topic Authorblock overlapping ItemHeader
After playing with it some more tonight, I've come to a solution that seems to work well for my purposes. I've tested on several screen widths and devices and seen no issue, but please let me know if you are aware of issues here that I am not (I'm still a CSS rookie). Otherwise, here is a solution for anyone else seeing the same behavior:

in the k2.css file:

I updated the div.itemAuthorBlockContainer style to have no bottom property, but to have a top property of 20px. I also edited the div.itemBody style to have a min-height property of 500 px (large enough to accomodate the author block, even for short content).

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 2 months ago #139388 by Krikor Boghossian
Replied by Krikor Boghossian on topic Authorblock overlapping ItemHeader
The top property will always override the bottom so this won't cause any issues.

Finally the min height is a good solution. You can always use a media query so you won't have that height in smaller viewports.

eg:
@media screen and (min-width:801px) {
your code goes here
}

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum