Joomla Templates Club 406,261 posts

[kidi Friend kidiJoin date: March 2009Posts: 134Downloads:0Uploads:44 Thanks: 28 Thanked: 2 times in 1 posts]

#190790

Hello,

With the help of some threads in this forum I add 2 new positions Ja Side News.

I hope I do the good things with files. The problem now, I doesn’t find the good files for CSS attribute.

So it’s not the same design of title H3. Could you help me ?

What I do for add new position (perhaps it can help someone) :

1- Add user on Templatedetails.xml

2- I add code on Joomla admin/puresite on Layout file

3- Add position on mod_jasidenews.css and layout.css and template.css(line783, no printscreen sorry)

The new positions are on place but hte title H3 is not the same. And how is possible to add a ligne under each position as Top.tops11 and top.tops12.

Say me what is wrong. Thank you for your help.

Ja Puresite admin

---

Attachments:

1. 
2. 
3. 
4. 
5. 

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

#506587

It seems like it should work as you’ve coded it …. though my other JA Support Team colleagues may want to chime in as well.

it would be helpful if you could provide the url of the site you’re working on.

Another thing you could do is set your own custom class for that new module position you created
– SEE THIS TUTORIAL

[kidi Friend kidiJoin date: March 2009Posts: 134Downloads:0Uploads:44 Thanks: 28 Thanked: 2 times in 1 posts]

#506622

Hello Tom and thank you for your answer.

If I could know where is the code for User 5 and User 7 I would attribute the same at my new user (15 and 17) which in same design position.

I copy/past the module position from user 7 to user 15 for be sure to have the same css. But it’s not work.
I’m not confortable with css code, so I prefer use the existing than create a new.

I’ll send you my url site on PM.

Thank you for your help.

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

#506636

You can try to do with my below solution

Open templates/ja_puresite/css/template.css file

Find


#ja-topsl .ja-box-left div.moduletable h3,
#ja-topsl1 .ja-box-left div.moduletable h3,
#ja-topsl2 .ja-box-left div.moduletable h3 {
border: none;
background: none;
font-size: 200%;
padding-bottom: 5px;
}

#ja-topsl .main-inner1,
#ja-topsl1 .main-inner1,
#ja-topsl2 .main-inner1{ padding: 40px 0; margin: 0 20px !important; border-bottom: 1px solid #e5e6e7; }

#ja-topsl div.moduletable h3,
#ja-topsl1 div.moduletable h3,
#ja-topsl2 div.moduletable h3 {
border-bottom: 0;
padding-bottom: 0;
}


Change to


#ja-topsl .ja-box-left div.moduletable h3,
#ja-topsl1 .ja-box-left div.moduletable h3,
#ja-topsl2 .ja-box-left div.moduletable h3,
#ja-topsl4 .ja-box-left div.moduletable h3,
#ja-topsl5 .ja-box-left div.moduletable h3 {
border: none;
background: none;
font-size: 200%;
padding-bottom: 5px;
}

#ja-topsl .main-inner1,
#ja-topsl1 .main-inner1,
#ja-topsl2 .main-inner1,
#ja-topsl4 .main-inner1,
#ja-topsl5 .main-inner1 { padding: 40px 0; margin: 0 20px !important; border-bottom: 1px solid #e5e6e7;}

#ja-topsl div.moduletable h3,
#ja-topsl1 div.moduletable h3,
#ja-topsl4 div.moduletable h3,
#ja-topsl5 div.moduletable h3,
#ja-topsl2 div.moduletable h3 {
border-bottom: 0;
padding-bottom: 0;
}


Don’t forget to clear cache from Admin admin area after changing

2 users say Thank You to Ninja Lead for this useful post

1. kidi
2. TomC

[kidi Friend kidiJoin date: March 2009Posts: 134Downloads:0Uploads:44 Thanks: 28 Thanked: 2 times in 1 posts]

#506721

Hello Ninja Lead,

It’s exactly that ! Thank you very much for your answer !
Precious answer.

Have an excellent day 🙂

[Author]

Posts