Margins modules

reforo

sorry for my english, what I want is to reduce margins in modules I give examples.

reforo

Look here with old Gavick template so I like the modules

Ninja

reforo
Hi
Add this code in override.css file to reduce the sidebar padding

#gkSidebarRight .box {
    padding: 6px;
}

Now open your banner custom html module and use this code

<div class="custom color">
	
	<div style="
    text-align: center;
"><a href="https://www.fespugtmadrid.es/" target="_blank" rel="noopener"><img src="/images/ugt/img/logo-fsp.gif" alt="logo fsp" width="220" height="125"></a></div>
		</div>

The images are very small in size compare to the size you set.

Regards

reforo

Thank you very much, it is taking shape, but it lacks a little bit for the top part.

reforo

By doing the same with another module below
I have moved the modules left

reforo

Solved thank you very much

reforo

We solved the left module, but not the proportional margins.
See a screenshot of the old web.

And now one of the new website, as I said above, is not proportional, if you could help me.

Sincerely, Javier.

Ninja

reforo
Hi
Can you check the module code again http://prntscr.com/o77imh
Its not the same now and image is still small size.
There are extra divs as well http://prntscr.com/o77ix3

It completely different compare to the screenshot shared here.

Regards

reforo

if it is different because you use your code, but it is not proportional, the margins above are smaller than the ones of the law.
those on the sides if it's okay

Ninja

reforo
Hi
replace

#gkSidebarRight .box {
    padding: 6px;
}

with

#gkSidebarRight .box {
    padding: 6px 6px 2px 6px;
}

in override.css file.

Regards

teitbite

reforo Hi. I've just added style:

.box img {
    display: block;
    max-width: 100%;
    height: auto;
}

to Your site and everything looks way better. Can You please explain what is broken when You try it?

reforo

I have the override.css

/* Here you can include your override CSS styles */
#gkSidebarRight .box {
    padding: 6px 6px 2px 6px;
}
#gkSidebarLeft .box {
    padding: 6px 6px 6px 6px;
}
#gkMainbody .box {
    padding: 0px 0px 0px 0px;
}

I'm sorry but I have little knowledge I'm depending on.
This weekend install joomla and the news 2 template from scratch for problems.
Thanks for understanding.
Sincerely, Javier.

Ninja

reforo
Hi
Is this solved for you?
Kindly share if there is any issue

reforo

Yes, it is much better, now if you can take it as resolved. Thank you.
Greetings, Javier.