Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #754306

    Hello Kriesi

    I’m trying to get the Enfold Google Map Widget to be the full width & height (if possible) of it’s Colour Section.

    I tried following the instructions contained in this post,

    https://kriesi.at/support/topic/google-maps-full-width/

    i.e. give the Colour Section an ID and add some Quick CSS, but it didn’t work.

    #fullwidthmap .container {
    width: 100% !important;
    }

    Any ideas?

    Cheers

    • This topic was modified 2 years, 4 months ago by  LordLiverpool. Reason: forgot to mention height
    #755427

    I got the same problem.
    The google maps widget was earlier shown in full width, after following custom CSS instructions on this post:
    https://kriesi.at/support/topic/google-maps-full-width/

    Now since some time for some reason, the widget will not show in full widt anymore. I checked the custom CSS & widget details & details of the color section several times. It is exactly like instructed, except it doesn’t show fullwidt on front-end.

    Did perphaps something changed in theme updates? I would very much appreciate it if you could help me out in this matter.
    Thanks in advance!

    #755469

    Hi,

    Please try this instead:

    #fullwidthmap .container {
      width: 100% !important;
      max-width:100% !important;
      padding:0 !important;
    }
    
    #fullwidthmap .container #avia_google_maps-6 {
      padding:0 !important;
    }

    Best regards,
    Rikard

    #755569

    Still no result.

    This used to be the code in my custom css:

    #fullwidthmap .container {
    width: 100% !important;
    }
    #avia_google_maps-2 {padding: 0;}
    .content .avia_google_maps_container {height: 222px;} {
    width: 100% !important;
    }

    Replacing it by the suggested code above, just removes the hight (because not mentioned), but the map itselve is still not full width.
    Clearing cache, or changing browser/device, doesn’t make a change either.

    #756163

    Hi,

    This code is working when I check it in my browser but I can’t see any of the code I previously posted on your site, where are you adding it? Please try this in Quick CSS:

    #fullwidthmap .container {
        max-width: 100% !important;
        padding:0 !important;
    }

    Best regards,
    Rikard

    #756288

    Hi Rikard, the slight changes in code seem to work in custom/quick css.
    Now what’s left is just to match the hight of the color section with the hight of the widget, which used to be 222 pixels.

    #756291

    Just fixed the hight with the next additional code in custom/quick css.

    #avia_google_maps-2 {padding: 0;}
    .content .avia_google_maps_container {height: 222px;} {
    width: 100% !important;
    }

    Thanks for support!

    #756386

    Hi Rikard

    Thanks for replying,

    Your code worked:

    #fullwidthmap .container {
      width: 100% !important;
      max-width:100% !important;
      padding:0 !important;
    }
    
    #fullwidthmap .container #avia_google_maps-6 {
      padding:0 !important;
    }

    I added it code to my Enfold Child Stylesheet as Quick CSS was getting cluttered.

    For anyone else be sure to clear the cache of your browser.

    Cheers

    #756391

    FEATURE REQUEST

    Rather than users having to add custom CSS to their individual instances of Enfold
    and thereby clogging up the Forum with repeated requests for the same thing over and over

    May I request a new feature for Enfold of Height and Width Properties for the Enfold Google Map Widget.
    This would bypass this issue in future releases of Enfold.

    Best Regards

    #756811

    Hi,

    Thanks for the feedback. Please add your feature request https://kriesi.at/support/enfold-feature-requests/“>here, and we’ll have a look at including that in the theme.

    Best regards,
    Rikard

    #756887

    Hi,

    Your link was malformed. For anyone else this is the correct link:

    https://kriesi.at/support/enfold-feature-requests/

    I submitted my feature request.

    Thanks for your help fixing my problem Rikard.

    Best Regards

    • This reply was modified 2 years, 4 months ago by  LordLiverpool.
    #757529

    Hi,

    Thanks for the submission and glad we could help out with the problem. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.