Grid is too wide

Hello,
I tried to set up the News Show Pro GK5 on my site, as you did in your Writer-template.
But I have three problems:
1. the grid ist too wide, it reaches left, right and beyond over the content area.
2. the overlay ist to wide too, the text ist not centered over the image.
3. you have a nice Plus-symbol as overlay I only get a Zero.
I tried around but didn't found how to solve that.
Could you please help me?

Please have a look here to see what I mean:
http://www.nude-art-models.com/en/ax2

Best regards
Thomas

Hi

For plus sign You need to add a font You will find in writer template.

To not use 100% of the size please add this to css:

Code: Select all

.gkNspPM-PortfolioGrid {
    margin: 0 !important;
}


To center text inside You need this code in css:

Code: Select all

.gkNspPM-PortfolioGrid.with-overlay .figcaption > div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}


Great, thank you very much!
Thomas

Hi

No problem. Glad I could help

which css file do I need to put this code into?

Also, the grid is going up in to my logo and main menu...

Please take a look...
https://www.financialhealth.co

Hi

Any css changes should be placed in override.css file. Easier to keep it separated in case of template update.

I cannot find this grid style anywhere now, but I suppose replacing last code with this:

Code: Select all

.gkNspPM-PortfolioGrid {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


will keep the top and bottom spaces untouched.

Hi

Once again Any css changes should b placed in override.css file! Not module's style files.

Now when I see it on Your site I can tell the code I gave You was for a different thing, so please delete it. Use this instead:

Code: Select all

#gkHeaderBottom {
    padding: 0;
}


Grid module is showing in a maximum width set for website, which is 1280px in Your case. You can change it with this code:

Code: Select all

#gkHeaderBottom .gkPage {
max-width: 1000px;
}