Joomla Templates Club 406,261 posts

[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#208799

Hi,

I have created a section to list the latest K2 update, howcome they look different on different pages. I like the way that they are displayed in different color background and also how the texts are group together (first picture). How do you fix this?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#577521

It would be helpful if you could provide the url of the site you’re working on – as well as reference links to the pages with “different displays”

[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#577619

Ok, I will send you my credentials.

Latest info page has the undesire layout while the rest of the pages are looking fine.

Thanks.

[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#643913

Ok, I will send you my credentials.

Latest info page has the undesire layout while the rest of the pages are looking fine.

Thanks.

[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#742552

Ok, I will send you my credentials.

Latest info page has the undesire layout while the rest of the pages are looking fine.

Thanks.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#577922

<em>@rclpris 483099 wrote:</em><blockquote>Hi,

I have created a section to list the latest K2 update, howcome they look different on different pages. I like the way that they are displayed in different color background and also how the texts are group together (first picture). How do you fix this?

</blockquote>

I could not see URL of your site but you can use my solution below

+ Create templates/ja_techzone/css/custom.css file and add new rule


div.itemAuthorLatest {
margin-bottom: 16px;
padding: 0;
}

.itemAuthorLatest h3, .itemRelated h3 {
margin-top: 0;
margin-bottom: 24px;
text-transform: uppercase;
font-size: 18px;
color: #222222 ;
}

.itemAuthorLatest ul, .itemRelated ul {
padding: 0;
margin-left: 24px;
}

.itemAuthorLatest ul li, .itemRelated ul li {
padding: 8px 0;
border-bottom: 0;
}

.itemAuthorLatest ul li.even, .itemRelated ul li.even {
background: #fffff0 ;
}

.itemAuthorLatest ul li.odd, .itemRelated ul li.odd {
background: #fff ;
}


[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#578059

Thanks for your help but it still looks the same

[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#644350

Thanks for your help but it still looks the same

[rclpris Friend rclprisJoin date: November 2010Posts: 258Downloads:0Uploads:95 Thanks: 8]

#742983

Thanks for your help but it still looks the same

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#578121

<em>@rclpris 483882 wrote:</em><blockquote>Thanks for your help but it still looks the same</blockquote>

I fixed directly on your site with the solution below


div.itemAuthorLatest {
margin-bottom: 16px;
padding: 0;
}

div.k2ItemsBlock h3{
margin-top: 0;
margin-bottom: 24px;
text-transform: uppercase;
font-size: 18px;
color: #222222 ;
}

div.k2ItemsBlock ul{
padding: 0;
margin-left: 24px;
}

div.k2ItemsBlock ul li{
padding: 3px !important;
margin-bottom:0px !important;
}

div.k2ItemsBlock ul li .moduleItemTitle {
font-weight: initial !important;
margin-bottom: 0px !important;
font-size: 14px !important;
}

div.k2ItemsBlock ul li.even{
background: #fffff0 ;
border-bottom: 1px dotted #ccc !important;
}

div.k2ItemsBlock ul li.odd{
background: #fff ;
border-bottom: 1px dotted #ccc !important;
}


and you will see it from custom.css file

[Author]

Posts