Problems with home page layout

Professional Joomla social template with metro design and JomSocial extension support.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon Dec 30, 2013 3:05 pm
Reply with quote
Report this post
On homepage of msocial template, red style, we have some texts like SOCIAL ACTIVITY WALL - NEW GK FEED MODULE with a bike and a man in the background. We also have some grids with cool layout. I'm trying but I can not reproduce those layouts. In the first case, I used an image in the background and wrote the text in the article's content. What happend? The text is floating when we change the screen size to tablet and smartphone. It isn't responsive like yours. The second case is simple: with html/css I can not get yours style and the template typography don't offer classes like title with adjusted paragraph. These things are details that together are leaving bad layout of the homepage. I ask: is there some documentation for that? Is there a way to resolve this onto css files?
User avatar
Senior Boarder

teitbite
Tue Dec 31, 2013 4:03 am
Reply with quote
Report this post
Hi

Unfortunately I cannot tell what is wrong without seeing it, but please check the doumentation first to learn module configuration and if You will still have problems show me the site.

https://www.gavick.com/documentation/jo ... iguration/
User avatar
Moderator

GK User
Thu Jan 02, 2014 6:30 pm
Reply with quote
Report this post
It will by simple so see. Look at the text "CREDENCIAMENTO" over the smartphone image. He is floating if you resize the browser window. http://www.dgrau.com.br/msocial
User avatar
Senior Boarder

teitbite
Sat Jan 04, 2014 4:18 am
Reply with quote
Report this post
Hi

How have You made this texts ? Looks like there is a manually added space before it. Am I right ? You should remove it and use css instead.

Code: Select all
.custom.gkPhoto h2 {
position: absolute;
left: 25px;
bottom: 25px;
}
User avatar
Moderator

GK User
Sat Jan 04, 2014 12:11 pm
Reply with quote
Report this post
Yes, you were right.
With css worked fine.
Thanks a lot.
User avatar
Senior Boarder

teitbite
Tue Jan 07, 2014 3:33 pm
Reply with quote
Report this post
Hi

No problem. Glad I could help :)
User avatar
Moderator


cron