Joomla Templates Club 406,261 posts

[johanrn Friend johanrnJoin date: December 2007Posts: 33Downloads:0Uploads:5 Thanks: 7]

#158053

The title to my thread is probably quite confusing, so admins – please feel free to change it if you like.

I have a question about your demo template. At the module position “user5”, there is a very nice background with a shadowed edge on the left side. I like it very much, and I would like the same look when using modules at the “left” position. Currently, I have no modules published in the “right” position, only in the “left” position. I would like the background of the modules in this “left” position to look exactly as the one published in the “user5” position. Changing the suffix to “_full” didn´t do the trick…

Any way of making this work?

Thanks!

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#369278

Dear johanrn,

You can add styles for the _full class suffix like below into the template.css file
div.moduletable_full{
background: url(“../images/topsl-bg1.gif”) repeat-x scroll left bottom #E7E6E1 !important;
border-bottom: 1px solid #928F85;
color: #70635B;
padding: 10px 0 20px;
}

Then set the _full class suffix for modules on the left position,I think it help !

[johanrn Friend johanrnJoin date: December 2007Posts: 33Downloads:0Uploads:5 Thanks: 7]

#369325

Sorry, that didn´t do the trick. However, I found a better way of solving my problem, but I still need your help 🙂

Have a look at the attached screenshot. What I would like, is to have the user5 position where the left and right position is today, and the left/right where the user5 is. I´ve tried but can´t figure out how to do it.

(And of course, I need the background at user5 to follow user5 even when the position has been changed.)

---

Attachments:

1. 

[johanrn Friend johanrnJoin date: December 2007Posts: 33Downloads:0Uploads:5 Thanks: 7]

#369517

Perhaps this was a bit harder to do than I thought?

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#369519

To clarify, Do you wish to see user5 position background to be seen where left/right positions are

[johanrn Friend johanrnJoin date: December 2007Posts: 33Downloads:0Uploads:5 Thanks: 7]

#369522

At first I thought that would be a good idea, yes – but I then realised that it is better if I can just move the user5 position to the position where the left and right position is in the original template.

The left and right position would then “move up” to where the user5 originally was.

Upon moving the user5 position, I want everything to be moved. Including the css for the nice background (including the vertical shadowed line to the left) and its content.

So, to be specific. I would like the website to look like the attached screen below:

---

Attachments:

1. 

[johanrn Friend johanrnJoin date: December 2007Posts: 33Downloads:0Uploads:5 Thanks: 7]

#369649

Please tell me if you understand what I mean, I might be a bit unspecific, although I hope the above attached screen shot may be of help. 🙂

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#369666

Quick way would be removing this reference from here::

.ja-headsp-right {template.css (line 754)
background: url(“../images/topsl1-bg.png”) no-repeat scroll 0 0 transparent; >>> remove
float: right;
}

and adding the above reference here::

#ja-left, #ja-right {template.css (line 436)
padding-top: 20px;
}

Making position changes would require various customizations as it seems so the above way would be appropriate where you can now assign modules accordingly 🙂

2 users say Thank You to aman204 for this useful post

1. GeoVi
2. johanrn

[johanrn Friend johanrnJoin date: December 2007Posts: 33Downloads:0Uploads:5 Thanks: 7]

#369688

Thanks! Working great!!

[Author]

Posts