Joomla Templates Club 406,261 posts

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#171935

Me again – sorry!

I’ve created a new module in Tiris that holds the info for both login to the site amd also so that the user can access his data in JShopping i.e change his adress and see his orders etc.

How can I add the styling that other modules have i.e. my cart, with the grey background and indented from the left?

I have no idea about CSS but guess it must come from there but as a complete CSS virgin I don’t want to make my site look worse than it already does! 😀

Any ideas/pointers?

Thanks

---

Attachments:

1. 

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

#430307

In order to try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General Settings.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#430311

Hi
I have checked your site in localhost
Please use this code into your template.css

#ja-left #Modxx div.ja-moduletable {
background: url("../images/bg-h3.gif") repeat scroll 0 100% transparent;
margin-left: 0;
margin-right: 20px;
padding: 10px;
}

Modxx -> replace xx by ID of your module. ( right column in module manager at backend ). Because we need to use backwrap at this wrapper div.
Or you can add sufix in module params and apply css for this.

Thank you

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#430315

Thank you both for the swift reply. Appreciated lots.

Jooservices – where do I put this code? Anywhere in the file?

I know I need help but I find it a little scary that you have my site on localhost! Or am I being too Swiss?! Secrecy, passwords etc. I want the site to be as secure as our banks. 🙂

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#430318

Hi Tom,

thanks for your reply. My site is ‘offline’ but if you need access I can give it to you. Or I can post my template.css ( from ja-tiris/css/template.css I would think?) I have not made any changes really. Only one from from this post http://www.joomlart.com/forums/topic/ja-masshead-2/#post-429107. Just to take out a bit in masthead.

Re security. Thanks for your comments/thoughts. I have posted via ticket my access details and worries me a bit as I believe that passwords sit in configuration.php so one always has worries!

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#430319

<em>@swissa 290008 wrote:</em><blockquote>Thank you both for the swift reply. Appreciated lots.

Jooservices – where do I put this code? Anywhere in the file?

I know I need help but I find it a little scary that you have my site on localhost! Or am I being too Swiss?! Secrecy, passwords etc. I want the site to be as secure as our banks. :-)</blockquote>

Hi
You can put above code into ( at bottom of file )

templatesja_tiriscsstemplate.css
( i hope you got xx for module id ? )

lol. Don’t worries. I have my localhost w/ quickstart installed to check and compare code to find out which code needed ( at least for this issue ). So i don’t need your live site.
And of course until you open your localhost it’s safe ( except the hacker named: “girl friend” )

Thank you

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#430321

Tom

Sent you PM but forgot to say that I have created two modules. One for english and one for german so that will obviously affect the css too.

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

#430324

<em>@swissa 290014 wrote:</em><blockquote>Tom

Sent you PM but forgot to say that I have created two modules. One for english and one for german so that will obviously affect the css too.</blockquote>
Thank you, swissa . . . I will look into this and get back to you shortly.

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

#430325

<em>@swissa 289997 wrote:</em><blockquote>

How can I add the styling that other modules have i.e. my cart, with the grey background and indented from the left?

I have no idea about CSS but guess it must come from there but as a complete CSS virgin I don’t want to make my site look worse than it already does! 😀

Thanks</blockquote>
Okay … So just to be clear as to what it is you are wanting . . .

You want your “My Cart” module to have the same styling as the other modules along that left panel?

Or the other way around – the other modules to have the styling as your “My Cart” module
(which has a slightly different look and “gray” background color)?

1 user says Thank You to TomC for this useful post

1. swissa

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#430326

Cheers

Have put your login into default English! 🙂

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#430328

I think I’d like it all to have the clear styling like categories etc . No grey but with an indent. And my info / meine info has no indent at the moment

Thanks

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#430330

Perhaps I am dumb but the cart has an extra indent that maybe it should not have? Along with the grey color which is not needed, and my modules are correct!

Members eh?

🙂

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#430333

<em>@TomC 290018 wrote:</em><blockquote>Okay … So just to be clear as to what it is you are wanting . . .

You want your “My Cart” module to have the same styling as the other modules along that left panel?

Or the other way around – the other modules to have the styling as your “My Cart” module
(which has a slightly different look and “gray” background color)?</blockquote>

Just to get it right and apologies for my crap explanations – it’s 3 in the morning here that’s why. I must be needing my bed. :-[

“My Cart” / “Warenkorb” (modules 100 & 154) to be like the other modules. Clear, clean and all aligned together with the others not an extra indent like it is now. God knows why it did that and added a background.

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

#430337

Okay, I think I’ve found the culprit . . .

Open your template.css file (within path /templates/ja_tiris/css/template.css)

at line 567, you should see the following . . .


/* Moduletable class suffix --- */
div.moduletable.grey {
background: url(../images/pattern-grey-2.gif) repeat scroll 0 0;
margin-bottom: 20px;
padding: 15px;
}

The “padding” parameter is the culprit for the alignment issue. Of course, the background image is what is giving you the “grey” background.

Try something like this . . .


/* Moduletable class suffix --- */
div.moduletable.grey {
background: none;
margin-bottom: 20px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 5px;
padding-right: 15px;
}

SAVE CHANGES . . . CLEAR CACHE . . . REFRESH PAGE

Let me know if that helps.

1 user says Thank You to TomC for this useful post

1. swissa

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#430356

Thanks Tom,

That sorted it out.

Cheers for the help.

Bestens!

[Author]

Posts