Problem with the size of a 2nd news module

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
Sat Nov 09, 2013 2:21 pm
Reply with quote
Report this post
Hi,

I have a problem of sizing when adding a 2nd module of news on the frontpage. It's all well configurated but the 2nd module it's like half of the size of the first.

Can anybody please tell me how to fix it?

Thank you in advance for your time.
User avatar
Senior Boarder

GK User
Sat Nov 09, 2013 4:19 pm
Reply with quote
Report this post
Could You please post an url to your site where both modules are published?
User avatar
Moderator

GK User
Sat Nov 09, 2013 5:49 pm
Reply with quote
Report this post
Hi Cyberek,

The website is www.laraiz.es but it is offline. I can send you a PM with user/pass to see it whenever you want.

Thank you!
User avatar
Senior Boarder

GK User
Sun Nov 10, 2013 2:21 pm
Reply with quote
Report this post
I've solved the 2º news module width problem with the "normal-width" module sufix but now I've noticed that none of the both news modules have the full-page width, they have a restriction coming from ".gkPage" as "max-width: 1200px;".

The template layout is configurated exactly as in the demo, but while the news module in the demo has the full width, the news module in my page is restricted by the 1200 max-width.

Could you please tell me how to fix it?

Thanks!
User avatar
Senior Boarder

GK User
Mon Nov 11, 2013 7:07 pm
Reply with quote
Report this post
Please send me a PM with:
1. URL to your website
2. login and password of user with login privileges (please create one for me)
3. link to this thread
User avatar
Moderator

GK User
Wed Nov 13, 2013 12:18 pm
Reply with quote
Report this post
Hello Cyberek,

Did you recieve the PM?

Cheers!
User avatar
Senior Boarder

GK User
Thu Nov 14, 2013 12:49 pm
Reply with quote
Report this post
Can anybody please help me?
User avatar
Senior Boarder

GK User
Thu Nov 14, 2013 7:53 pm
Reply with quote
Report this post
I was able to login to your site and I'm checking what can be done.
User avatar
Moderator

GK User
Thu Nov 14, 2013 7:59 pm
Reply with quote
Report this post
After comparing your home page to demo - they look the same (our demo is also limited to )- is the problem on the home page or any subpage?
User avatar
Moderator

GK User
Fri Nov 15, 2013 1:09 pm
Reply with quote
Report this post
Hi Cyberek,

The problem is in the frontpage. At least with my resolution, the news module shows a margin stablished by the "max-width=1200px" css code in ".gKpage" that is not shown in the demo (and it's in the template options aswell).
User avatar
Senior Boarder

GK User
Sun Nov 17, 2013 11:55 am
Reply with quote
Report this post
Ok, now I see :).
Please edit: /templates/gk_musicstate/css/override.css and add at its end:
Code: Select all
body.frontpage #gkPageContent div.gkPage {max-width: none;}

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Sun Nov 17, 2013 1:41 pm
Reply with quote
Report this post
Perfect, solved!

Thanks ;)
User avatar
Senior Boarder

GK User
Sun Nov 17, 2013 1:48 pm
Reply with quote
Report this post
Ouch! Maybe is not.... :(
User avatar
Senior Boarder

GK User
Sun Nov 17, 2013 2:48 pm
Reply with quote
Report this post
Ok, more details - whats wrong?
User avatar
Moderator

GK User
Sun Nov 17, 2013 4:23 pm
Reply with quote
Report this post
Sure, sorry. I've added the new code to override.css and now the module is shown full-width, but also appears the horizontal nav bar at the bottom of the window, like it's more than full-width.

How can we fix it?
User avatar
Senior Boarder

GK User
Mon Nov 18, 2013 5:35 pm
Reply with quote
Report this post
There are 2 solutions - you can check which one you like more.

1. If you would like to save this 1px left and right white "border", then use this code:
Code: Select all
body.frontpage #gkPageContent div.gkPage .normal-width.grid-border .gkGridGK5 {
margin: 0px !important;
}
User avatar
Moderator

GK User
Mon Nov 18, 2013 5:37 pm
Reply with quote
Report this post
2. But if you don't like this while line on left and right, then use this code:
Code: Select all
body.frontpage #gkPageContent #gkMainbody .box {overflow: hidden;}
User avatar
Moderator

GK User
Tue Nov 19, 2013 11:53 am
Reply with quote
Report this post
Thanks! Solved ;)
User avatar
Senior Boarder

GK User
Wed Nov 20, 2013 12:01 pm
Reply with quote
Report this post
If You will have any other questions, feel free to post new forum threads.
Closing the topic.
User avatar
Moderator


cron