Joomla Templates Club 406,261 posts

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#178640

Hi Guys,

I want to have the items displayed on the following page http://www.origomediagroup.com/origomediagroup/ display in a list with the date first then a space to the title of the article and then a space with the user name (who posted the item; for example superuser).

Have been playing with the K2 css file and currently have the following code:

/* Latest items list */
div.latestItemList{
padding: 0 8px 8px 0;
}

div.latestItemHeader h3.latestItemTitle{
text-transform: uppercase;
padding: 10px 0 4px 0;
margin: 0;
}

span.latestItemDateCreated{
color: #999
font-size: 11px;
position: relative;
margin-top: 0;
float: left;
}

div.latestItemBody{
padding: 8px 0;
margin: 0;

Could someone help explain what i do to the code to get it appearing on the left of the article title and what i need to add to get the user name coming to the right of the article title?

Jim

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#459501

Hi Origomedia
You can modify the following:

Article title
div.latestItemHeader h2.latestItemTitle{
float: left;
}

Date time
span.latestItemDateCreated {
color: #999999
float: right;
font-size: 11px;
line-height: 40px;
margin-right: 10px;
margin-top: 0;
position: relative;
}

Hope that can help you!

Regards,

1 user says Thank You to HeR0 for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#459555

Thanks Hero, we are getting close. Can you tell me how I change it around to have the date on the left with a space before the article title. Also is there any code I can add that will enable the User (or person that created the articles name) to appear ancored to the right? Like it is in this screenshot.

Thanks Jim

---

Attachments:

1. 

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#459642

Hi Origomedia
If want to modify layout as screenshot, you must modify layout code file and css file. So i think that i can not help out because your require is beyond the limits of support services

Regards,

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#459738

Ok thanks HeRo. I was just trying to find what code would make the date appear on the left of the title with a gap in between. Then I willsee if someone in the forum could tell me what code would add the user name on the same line.

Jim

[Author]

Posts