Joomla Templates Club 406,261 posts

[bollanga Friend bollangaJoin date: June 2012Posts: 12Downloads:10Uploads:0 Thanks: 3]

#178929

In the the sample provided in section Pages >> Item variation, I see several colors variation of an item other than the Dark and Hilite, along with a new icon (Green), a Free icon (orange) – Can someone let me know where I can find and implement these ? I looked into the css files available and see no references to these variations

http://joomla25-templates.joomlart.com/ja_wall/en/pages/item-variations.html

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

#460375

I believe these are module classes

If you go to the back-end of each item (go to edit an article in the back-end ), there under the Metadata Options panel you would see the field of Extended Classes.

You can enter into that fields one of following values:
item-sticky, item-sticky2, item-sticky3, blue, dark, hilite, twitter, facebook, video

[/B]Among those fields those ones of item-sticky, item-sticky2, item-sticky3 [/B]will mark the item became sticky, those ones of blue, dark would add colors for item….[/B]

1 user says Thank You to TomC for this useful post

1. bollanga

[paoloci Friend paolociJoin date: March 2006Posts: 72Downloads:76Uploads:14 Thanks: 6 Thanked: 1 times in 1 posts]

#460620

Hi,
I have some problems to visualize
item-sticky, item-sticky2, item-sticky3, blue
not problem to dark and hilite, facebook, twetter and video..
Which is my error?

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

#460673

Hi Paoloci
Could you provide your website link?

Regards,
<em>@paoloci 329651 wrote:</em><blockquote>Hi,
I have some problems to visualize
item-sticky, item-sticky2, item-sticky3, blue
not problem to dark and hilite, facebook, twetter and video..
Which is my error?</blockquote>

[paoloci Friend paolociJoin date: March 2006Posts: 72Downloads:76Uploads:14 Thanks: 6 Thanked: 1 times in 1 posts]

#460691

Yes
thanks.
http://www.cristianocattolico.it.
For example in the article “Angelus 8 luglio 2012” I have set in extended classes the blue color … only I write inside blue.
This color not run.
Also could be interesting to do an own personal CSS variations for color.
For example to have an extended classes red or light grey.. which .CSS files I must modify?

Thanks for attention

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

#460697

Hi Paoloci
Please update JA Wall template.css file to latest version.I see your site is missing some code in template.css file

Regards,

[paoloci Friend paolociJoin date: March 2006Posts: 72Downloads:76Uploads:14 Thanks: 6 Thanked: 1 times in 1 posts]

#460699

I investigate the CSS files.
In effect in template.css i have not a blue options in /* ITEM STYLE PRESETS (CLASS SUFFIX)
but only dark, hilite, twetter, facebook and video.

I try now to create a own class for “red” visualize..

[paoloci Friend paolociJoin date: March 2006Posts: 72Downloads:76Uploads:14 Thanks: 6 Thanked: 1 times in 1 posts]

#460700

Yes I have edit a red style and run perfectly.

See the code

/* Red Style —*/
.item.red .item-inner {
background: #A10000
border-color: #A10000
color: #FFF
}

.item.red .header h2 a {
color: #FFF
}

.item.red:hover h2 a {
color: #390000
}

.item.red .footer {
background-color: #A10000
color: #CCC
text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}

.item.red .footer .article-info,
.item.red .footer .article-hit,
.item.red .footer .jac-add-button,
.item.red .footer a {
color: #CCC
}

.item.red .readmore a {
border: 1px solid #666
color: #CCC
}

.item.red:hover .readmore a {
border-color: #B91313
color: #FFF
}

/* ImageView Dark Style */
body.display-imageview .item.red .item-inner {
border-color: #A10000
}

only write Red in extended classes.

I use a default template.

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

#460702

Yes, you should duplicate to customize other color

Regards,

[Author]

Posts