Joomla Templates Club 406,261 posts

[michaelsteip Friend michaelsteipJoin date: November 2012Posts: 16Downloads:0Uploads:5 Thanks: 4 Thanked: 1 times in 1 posts]

#183366

Hello,
I am trying to use the CSS Style from JA Contentslide in an Article, but it doesn’t show up in the Article. It only works in the Content Slider. What CSS class do I have to use to get the style of the table or the date from the Content Slider. (See attachment)

Thanks,
Michael

---

Attachments:

1. 

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

#477397

You must open article item and paste the format text below:

<div class="event-wrap">
<div class="date"><span>08.03</span></div>
<div class="title"><span>Green Point Stadium, Cape Town, South Africa</span></div>
<div class="link-buy"><a href="#" title="Buy tickets"><span>Buy tickets</span></a></div>
</div>

[michaelsteip Friend michaelsteipJoin date: November 2012Posts: 16Downloads:0Uploads:5 Thanks: 4 Thanked: 1 times in 1 posts]

#477555

That’s not what I meant. I have this already but it only works when viewing it from the content slider module not from a normal Article.

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

#477625

Yeah, this format css only appears with JA Contentslide module. You can apply this customization to Normal Article
<blockquote>Open templates/ja_mixmaz/css/mod_jacontentslider.css file</blockquote>
add new script below

#ja-content div.event-wrap {
color: #fff
display: inline;
font-family: 'novecento_wide_normalregular', sans-serif;
font-size: 1.5em;
padding: 4px 0px;
text-transform: uppercase;
line-height: 1.65em;
}

#ja-content div.date span {
background: #000
box-shadow: 8px 0 0 #000, -10px 0 0 #000
-moz-box-shadow: 8px 0 0 #000, -10px 0 0 #000
-webkit-box-shadow: 8px 0 0 #000, -10px 0 0 #000
}

#ja-content div.title span {
background: #e31837
box-shadow: 8px 0 0 #e31837, -10px 0 0 #e31837
-moz-box-shadow: 8px 0 0 #e31837, -10px 0 0 #e31837
-webkit-box-shadow: 8px 0 0 #e31837, -10px 0 0 #e31837
}

#ja-content div.link-buy a,
#ja-content div.link-buy span{
background: #fff
box-shadow: 8px 0 0 #fff, -10px 0 0 #fff
-moz-box-shadow: 8px 0 0 #fff, -10px 0 0 #fff
-webkit-box-shadow: 8px 0 0 #fff, -10px 0 0 #fff
color: #000
display:inline;
}

#ja-content div.link-buy a:hover,
#ja-content div.link-buy a:hover span{
color: #e31837
text-decoration:none;
}
You can see the screenshot here

---

Attachments:

1. 

1 user says Thank You to Ninja Lead for this useful post

1. michaelsteip

[Author]

Posts