Reducing the whitespace / padding in K2 items page

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Fri Oct 24, 2014 4:52 pm
Reply with quote
Report this post
Hi,

I'm talking about reducing the white space on the left and right of this page.

http://demo.gavick.com/joomla25/startup ... nal-design

I'll be removing the Blog Category, Tags and Comments from the right side and the Date and Image from the left side.

What I want to achieve is after the Page title, on the left side there is a portion of text and on the right side there's an long image for the page. (just the way gavick has in all their template descriptions)

Can someone please help me to locate the CSS codes for these / help with a solution to achieve this?

Thanks!
User avatar
Senior Boarder

GK User
Sat Oct 25, 2014 9:02 am
Reply with quote
Report this post
Hi,
If I understand well :
1) First You have to disable all elements like date, author etc.
2) Than I suggest to use this code on all pages or only on those where you do not have aside info box in K2 items

Code: Select all
aside + .k2box {
    margin-left: 0px !important;
}


3) And result will be similar to this one , from my private demo page

if you need more details please make also a screenshot with red arrows on it, to show me finial effect.
User avatar
Platinum Boarder

GK User
Sat Oct 25, 2014 1:42 pm
Reply with quote
Report this post
Hi Oscar E,

Thanks for your reply. The code you gave did work on the K2 item description page as I wanted, but there was a problem in the Recent Works section (Home Page) for the same item. I put the code in <style> tags in the item description page, but the code appears as normal text in the short description in the Recent Works. Another issue with this code is that once I save the K2 item, the code goes off and if I go back to make any changes in there, I have to add that code always. Am I doing something wrong in placing this code?

Below attached is the image.
Code_Appearing.jpg


Also, I need to change the thumbnail image that appears in the Recent Work, but I do not want that image to appear in the Description page. Can this be done? Image below.

Recent_Work_Image.jpg


Awaiting your reply.

Thanks!
User avatar
Senior Boarder

GK User
Sat Oct 25, 2014 7:03 pm
Reply with quote
Report this post
Hi Oscar E,

I sorted out the code issue. I had to replace that in k2.css and I was doing that in the K2 item, which was wrong.

Thanks, I achieved what I wanted to :D

Can you please also help on the images issue I mentioned in the last post?

Thanks for your time.
User avatar
Senior Boarder


cron