Joomla Templates Club 406,261 posts

[deneef Friend deneefJoin date: July 2010Posts: 9Downloads:0Uploads:6 Thanks: 2]

#155262

I’m having alignment issues with the right module position when viewing K2 pages. The module butts up right on the gray side bar instead of having the nice spacing like it is shown in the demo.

This is running on my local host and I did the install from the latest Quickstart Package, included sample data.

I attached a screen shot of how it looks.

I did try one suggestion of adding a line of code into the template css file but it only moved the content within the module, leaving the title and gray line in the same spot so it looked strange.

Any and all suggestions are greatly appreciated.

---

Attachments:

1. 

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

#358908

<blockquote>I did try one suggestion of adding a line of code into the template css file but it only moved the content within the module, leaving the title and gray line in the same spot so it looked strange.</blockquote>

Did you try this::

http://www.joomlart.com/forums/topic/ja-ores-column-alignment/

[deneef Friend deneefJoin date: July 2010Posts: 9Downloads:0Uploads:6 Thanks: 2]

#358922

Thanks Aman,

I did try this but it only seemed to affect the content of the module and not the entire alignment of the module itself so the title and graphic line still are hitting the vertical.

Any other suggestions to augment this code? Your fix seemed to get us part of the way so I know there has to be a way to make this look like the demo.

Any and all help is greatly appreciated.

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

#358931

The margin property as suggested in other post is already present in demo template for modules on right position

You can please let us know when the site has been put on web to take closer look 🙂

[deneef Friend deneefJoin date: July 2010Posts: 9Downloads:0Uploads:6 Thanks: 2]

#359039

<em>@aman204 198452 wrote:</em><blockquote>The margin property as suggested in other post is already present in demo template for modules on right position

You can please let us know when the site has been put on web to take closer look :)</blockquote>

The site is pretty bare bones but I’ve put a copy of what I’ve got so far on a development server:
Here’s the page:
http://tdsdevelopment.net/deneef/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=13&Itemid=146

I can supply admin login if you need it under PM

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

#359147

Change this::

#ja-container.ja-r1 .main {light-theme.css (line 1026)
background-image:url(“../../images/light-theme/grad5.gif”);
}

to

#ja-container.ja-r1 .main {light-theme.css (line 1026)
background:url(“../../images/light-theme/grad5.gif”) repeat-y 700px 0;
}

and change 700px value accordingly

1 user says Thank You to aman204 for this useful post

1. deneef

[deneef Friend deneefJoin date: July 2010Posts: 9Downloads:0Uploads:6 Thanks: 2]

#359189

Which css file? I’m a little confused by the note above. Can you please provide a little more detail.
Thanks.

[deneef Friend deneefJoin date: July 2010Posts: 9Downloads:0Uploads:6 Thanks: 2]

#359205

I found the line of code but making this suggested change only makes the decorative vertical line to the left of the module darker and wider. See attached screen shot of what happens when this code is applied.
It doesn’t adjust the module spacing or position, it is still flush against the main content panel.

However, your post was very helpful in that it led me to the right part of the code that needed to be modified.

By modifying in the template css file this code:

#ja-container.ja-r1 .main {
background: url(../images/grad5.gif) 715px 0% repeat-y;

to

#ja-container.ja-r1 .main {
background: url(../images/grad5.gif) 715px 0% repeat-y;
padding-left: 20px;
}

the margin issue is resolved.

---

Attachments:

1. 

[Author]

Posts