Academy gallery design

Ninja

hanita
Can you share the issue screenshot?
As i checked the module showing normal inside article body http://prntscr.com/1wlewdx
The style of the module is directly from the gallery extension you are using. You can check the output with default Joomla template and it will be same.

To get better width i suggest you to use a module position instead in article content.

hanita

Ninja
I need this kind of gallery view.

Ninja

hanita
Hi
Can you set the default template to protostar and check the module output ?
As the style on this module is not from template side it used module own style for frontend view.

hanita

Ninja
As I understand, the problem in Academy template. Because, without style it's look even worth.
Is it possible to create a style in Academy template for gallery view?

Ninja

hanita
Hi
No this is not problem of template this is module own style.
Have you checked the module with default Joomla templates and share the URL of that page if it working there?

hanita

Ninja
https://mintservices.az/academy/index.php/gallery

hanita

Ninja
And Logo in scrolling down becoming black. Can I change it to another color?

Ninja

hanita
Hi
Kindly do not merge another topics in same post as it will make confusion on going topic.
About the gallery module please check my previous replies about it as this is not issue of template .
Kindly check the module output with default Joomla template first and see how it look like

If you are not aware how to check, kindly edit fields in first post and submit a temp super user login i will check and share the results.

hanita

Ninja
edited

Ninja

hanita
Kindly check it now, the module style is same as before
the difference is only width as you added in article and container width is low it was showing 2 items
i added below code in custom css

.gallery .gkcomponent .container{width:100%;}
.gallery.item-page > div[itemprop="articleBody"] ul > li:before{display:none;}
@media (min-width: 1200px){
.gallery .item-page {
    padding-left: 10px;
    padding-right: 10px;
}}

hanita

Ninja
Thank you

Is it possible to remove border & shadow?

Ninja

hanita
Hi
You can override this code

ul.sigProClassic li.sigProThumb span.sigProLinkWrapper {
    display: block;
    float: left;
    margin: -5px 0 0 -5px;
    padding: 4px;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 5px #888;
    background: #fff;
}

This is from the module : http://prntscr.com/1x5huwi
So u can also check with module provider if there is option to edit style on module options as well.