Public Forums 71,145 posts

[n_i_x Friend n_i_xJoin date: December 2010Posts: 20Downloads:17Uploads:6 Thanks: 8]

#164561

Hello!

I added a module with 2 positions and I did not get set up css that would position the bar separated in topsl and botsl.
More precisely obtained but it looks bad, that’s a screen attached.
Help please.

Here is the code of templateDetails.xml

......
<position>absolute</position>
<position>leftmiddle</position>
<position>rightmiddle</position>

Here is the code of default layout

<blocks name="middle" colwidth="20">
<block name="content-mass-top" type="modules">content-mass-top</block>
<block name="content-top" type="spotlight">leftmiddle,rightmiddle</block>

Here’s the code for all these items from css

#ja-content-top .ja-box-right { position:relative; }

#ja-content-top .ja-box-right, #ja-content-top .ja-box-full { background: none; }

#ja-content-top .ja-moduletable { border-bottom: 0; margin-bottom: 8px; padding-bottom: 0; }

.ja-content-top .ja-moduletable, .ja-content-top .ja-module { margin-left: 0; margin-right: 0; }

#ja-content-top .main { padding: 10px 0; }

#ja-content-top .ja-box { padding: 0; background: url(../images/dot1.gif) repeat-y right; }

#ja-content-top h3 { margin: 0 0 9px; padding: 0; color: #333; background: none; }

#ja-content-top a { color: #006699; text-decoration: none; border-bottom: 1px dotted #006699; }

#ja-content-top a:hover, #ja-content-top a:active, #ja-content-top a:focus { color:#006699; border-bottom:solid 1px #006699; text-decoration:none; }

#ja-content-top li { background-image: url(../images/bullet.gif); background-repeat:no-repeat; background-position: 1px 8px; padding-left: 10px; }

#ja-content-top ol li { margin-left: 25px; padding: 0; }

#ja-content-top ul, #ja-content-top p, #ja-content-top ol { padding: 0; margin: 0; }

thanks

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#393406

Could you give me a link to your website?

[n_i_x Friend n_i_xJoin date: December 2010Posts: 20Downloads:17Uploads:6 Thanks: 8]

#393423

http://www.mydigitalstar.com

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#393432

To remove the lines, you find this code from /templates/ja_purity_ii/css/template.css file


#ja-content-top .ja-box {
padding: 0;
background: url(../images/dot1.gif) repeat-y right; < remove
}

[n_i_x Friend n_i_xJoin date: December 2010Posts: 20Downloads:17Uploads:6 Thanks: 8]

#393434

Thanks, but I need not remove the line, I need to do as well as modules topsl (user1, user2 etc)
that would have separated the line positions and look fine

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#393436

You find this code from /plugins/system/jat3/jat3/base-themes/default/css/template.css


#ja-content-top .ja-moduletable, #ja-content-top .ja-module {
margin-left: 0; < remove
margin-right: 0;
}
Find this code from /templates/ja_purity_ii/css/template.css


#ja-content-top .ja-box {
padding: 0;
background: url(../images/dot1.gif) repeat-y right; < remove
}
Add this code into /templates/ja_purity_ii/css/template.css


#ja-content-top .ja-box-left {
background: url(../images/dot1.gif) repeat-y right;
}

1 user says Thank You to khoand for this useful post

1. n_i_x

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#393437

You find this code from /plugins/system/jat3/jat3/base-themes/default/css/template.css


#ja-content-top .ja-moduletable, #ja-content-top .ja-module {
margin-left: 0; < remove
margin-right: 0;
}
Find this code from /templates/ja_purity_ii/css/template.css


#ja-content-top .ja-box {
padding: 0;
background: url(../images/dot1.gif) repeat-y right; < remove
}
Add this code into /templates/ja_purity_ii/css/template.css


#ja-content-top .ja-box-left {
background: url(../images/dot1.gif) repeat-y right; < remove
}

1 user says Thank You to khoand for this useful post

1. n_i_x

[n_i_x Friend n_i_xJoin date: December 2010Posts: 20Downloads:17Uploads:6 Thanks: 8]

#393447

Thank you very much! It really helped! I’m really confused

Problem solved! 🙂

[Author]

Posts