Override Code for Google Maps on Bottom 6

Hi,
i need-want o have a side by side google maps
can you give help me with the override code
for my template?

this is the link where the map is working
http://www.cooperam.com/sentieronascosto/

i want to show that in the bottom6 position , sorry i forgot to mention^^
so to resume a map edge to edge ( if my template is set at 1500 of width then the maps is too)
to be shown without any kind of "frame"
but if i just change the padding all the texts above that go to to edge as well
and its not acceptable..is it possible to achieve?

here a visual "help" ^^

have a good sunday

Maybe this is a little better...currently the map is shown by creatin a new Custom Hmtl module and putting within the Google Embed Code at 1500 of width.

Ok i found some workarounds by myself editing template css and gk css
i'll report here later while i hope to ear some voice here

Hi

Ok. Bumping your own thread has put your question in solved folder. Unfortunately i do not understand what are you trying to do., even by looking at the screens. Please try to explain in to me in short so I'll help if ill just know how.

Hi Teitbite you're right is a kind'a mess like that,
i apologize.
For now may i ask you just one day more to put all our data in our site,
which
is now down for maintenance ,

By the way
basically what i did is

on template.css on line 628
i did modify like this

.box.color, #gkHeaderBottom .box, #gkBottom5 .box, #gkBottom6 .box {

background: #dd5749!important;
color: #fff;
padding: 1px!important;

by putting padding at 1px

the Google Map loaded on a Custom Html Module
into bottom 6 position
goes edge to edge but doing like this all the modules do to the same
so i needed to find a way to make
" the keep in touch " module on bottom 5 position less edgy ( that's why 1px and not 0 )

then i've modified
the gkstuff.css on line 1365

div[data-anim="left"].loaded {
left: 2%;
opacity: 1;
filter: alpha(opacity=100);
position: relative;
}

to have it less edgy as well

Is it more understandable now ?

So basically this is the way i'm running bluap right now^^.
I'll show you MORE AND BETTER ^^ on Monday while having the site alive^^.
Are you willing to wait?Don't wanna bother you at all.

By the way, for now thanks for your answer and have a good Sunday^^

Thats why i've asked you an override css code to mod just the bottom 6 layout into edge to edge,
my way is far more messy

This is how looks like

Site is up and working ,can you check it?
thanks

http://www.sentierodelsuono,it

Hi

I cannot figure out this issue by looking at Your site. There is too much code involved for a single element. Please just revert all the changes and use this code to stretch the map visible in bottom 6.

Code: Select all

#gkBottom6 {
    padding: 0;
}


All module in Bottom6 will be from edge to edge, but it's the easier way of doing it.

Ok works,
i made the same for bottom 2 and it worked too^^
only ..i see on tablet side a different behavior,
modules are not with padding 0
do i have to modify mobile-tablet css for?
Seems the override to be working only on desktop side.
Am i right?or am i making some mistakes?
By the way i have to say that this template
is by far the most simple and pleasant you have,
so ..^^ thanks.

HI

Yes this code should go to tablet.css file as well. There is a same class there reducing the padding to 20px already, so the added code is being overwritten by it.