Pages is distorted

Hello!

I have problems with some of your templates which I use for my JomSocial site.
Quay, Corporate 2 and Postnote..

Now I have installed the Postnote template an have this problems:

1. When I show "My Profile" in JomSocial community, the page is distorted as shown here:

http://www.screencast.com/users/ahidman ... 04f8562f80

2. When using Mu Blog component the page is not wide enough.
Se here:

http://www.screencast.com/users/ahidman ... 815e6e4608

I really want to use the postnote template and hope you can help me.
I paid for using your templates and it is annoying that JomSocial works in other templates as RocketTheme. Artisteer... but not in Gavic templates.

Please help me so I can go live with my site sometime.

Best regards
Ahidman
Sweden

Hi

Please show me Your site and exact places where You have this errors.

Hi

First problem got fixed when changing class in file components/com_community/templates/default/css/style.css to this:

Code: Select all

body #community-wrap div.profile-info {
float:left;
margin:0 15px;
width:370px;
}


and the second fix is adding at the end of template.css file:

Code: Select all

#myBlog-wrap {
width:825px;
}


teitbite wrote:

Hi

First problem got fixed when changing class in file components/com_community/templates/default/css/style.css to this:

Code: Select all

body #community-wrap div.profile-info {
float:left;
margin:0 15px;
width:370px;
}


and the second fix is adding at the end of template.css file:

Code: Select all

#myBlog-wrap {
width:825px;
}


Hello!
Tanks for answering me!
I have follow your advise and changed the code snippet:

body #community-wrap div.profile-info {
margin: 0 0 0 180px;
}

to

body #community-wrap div.profile-info {
float:left;
margin:0 15px;
width:370px;
}

but the result is not quite right what I want:

Se here:
http://www.screencast.com/users/ahidman ... b4d09dd25c

I want the text aligned to the top of the avatar.

Regarding the problem #2, do you mean I shall ad the snippet:
#myBlog-wrap {
width:825px;
}

in the gavic template.css?

Best regards
Ahidman

Hi

In first case please try making the width value a little bit smaller. The text should fit next to the image.

In second case "Yes", template.css file is being loaded at last so is the best answer.

teitbite wrote:

Hi

In first case please try making the width value a little bit smaller. The text should fit next to the image.

In second case "Yes", template.css file is being loaded at last so is the best answer.

Thanks very much!
The first case is now working, but in the second case (My Blog) another problem appears.

The modules in right positions (right 1 and right 2) is moved under the component.
Se here:
http://screencast.com/t/NjA0Njk4ZmY

My site: http://www.traffas.nu

//Ahidman

Hi

In http://www.traffas.nu/templates/gk_post ... layout.css find class

Code: Select all

.main .inner.cright {
padding-right:0;
}


and add

Code: Select all

float:left;


teitbite wrote:

Hi

In http://www.traffas.nu/templates/gk_post ... layout.css find class

Code: Select all

.main .inner.cright {
padding-right:0;
}


and add

Code: Select all

float:left;


Sorry!
This did not help.

Se here;

http://www.traffas.nu/index.php?option= ... &Itemid=49

and here:

http://www.traffas.nu/index.php?option= ... e&Itemid=2

//Ahidman

Hi

Are You sure? I can see it ok. Look:

OK!

Now I understand!
The problem appears only when I log in with "Associate with Facebook" and it now appears only for the JomSocial component. I also appears for JC component if I not log in.

Try to register on www.traffas.nu with the FB associate option, or just go to "Community" without logging in. I´ll think you will see what I mean.

Best regards
Ahidman
Sweden

Hi

You mean the width of the content?

Not just the with of the component.
The modules in right and left positions are pressed down under the component.
This only happens in gavick templates.

Se here:
http://www.screencast.com/users/ahidman ... 4508b5a261

//ahidman

Hi

Please set this screenshot again. I see empty site.

teitbite wrote:

Hi

Please set this screenshot again. I see empty site.

Here is a new screenshot:


//Ahidman

Hi

I cannot find this image ;/ Please point me the direct address to the subpage with it.

Its odd you can not see the image.
I can, in all browsers.

Here is a link to the page which the problem appears:
Scroll down to the end of page, There you will find the module from right module position under the component

http://www.traffas.nu/index.php?option= ... e&Itemid=2


// Ahidman

Hi

I have no idea at all, because I do not see this images (probably some google issue), but such problem can be connected with the width of elements inside. Lets try something like this:

Code: Select all

#gk-mainbody {
width:84% !important;
}

#gk-right .center {
overflow:hidden;
}