Padding/margin around the page + text color and shadow

[KarinPacholkova]

Hello,
I just upgraded my website in Joomla to Joomla! 5.2.5 Stable and I have your PhocaGallery component in version 5.0.3.
Everything works fine, the only issue is on the "main page" of photo gallery.
When I click from the menu to main page of PhocaGallery (link FOTKY), then there is padding/margin around the whole page (link here - https://cbporuba.cz/m-fotky or see printscreen - https://imgur.com/a/mZjM9XV) and the texts on this page are white with shadow.
May you please help me where I can set the padding and margin around the whole page to be 0px and texts to be black without shadow?
Thank you very much in advance.
Kind regards,
Karin

[christine]

Hi Karin,

Enter the following code to your custom.css:

Code: Select all

.pg-category-box-title {
color: #000;
text-shadow: none;	
}

Header font (h1):

Code: Select all

.page-header {
text-shadow: none;
color: #000;	
}

Regarding padding/margins:
This has to do with the fact that it has a 1350px background image at the top. > #s5_headerbackground.
But that's the case for all menus, not just the PG page.

And the right "MENU" is "rightmenu" is separate.
I would therefore suggest:

Code: Select all

#s5_rightmenu {
background: #000;
color: #fff;	
}

More maybe later, since I'm off now.

Kind regards
Christine

[KarinPacholkova]

Hi Christine,
thank you very much for your great help!
Finally I added this css code into custom.css as you advised me (plus forcing zero margin and padding for this page):

.com_phocagallery {
margin: 0px !important;
padding: 0px !important;
text-shadow: none;
}

.pg-category-box-title, .pg-categories-view .page-header {
color: #000;
}

Now it is great!
Thank you and you can close this thread as solved.
Karin

[christine]

Hi Karin,

You're welcome - Thanks for you Info!

Kind regards
Christine