Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1206413

    Hello, I would like to make the google map fit exactly the size of the Avia google map container. while staying responsive and keeping it’s ratio. Could you help ?

    #1206509

    Hello, I would like to make the google map fit exactly the size of the Avia google map container. while staying responsive and keeping it’s ratio. Could you help ?

    #1206728

    Hi,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    #1206777

    Hi,

    Which link please, my site is under construction. I have placed the google map in the avia google map container in a column through the API provided.The map fits the width of the container but not the height and I simply don’t know the csss to use so that the map fills both the width and the height. I understand this is a common issue. If you could just tell me how to adjust the height of the google map in the google map container I would appreciate

    #1207250

    Hi australiemag,

    You can share credentials with us in private so that we can see the issue and are able to provide a solution for you.

    Best regards,
    Victoria

    #1207263

    Hi Victoria,

    My question was very simple and straightforward. I found the solution by myself on another forum. There was no need to ask for any link as this issue is just related to the Enfold google map container. I don’t understand why Kriesi didn’t provide any response.

    #1207594

    Hi,

    Sorry for the confusion. We will pay more attention next time :)

    Future readers can refer to this post – https://kriesi.at/documentation/enfold/color-section/#toggle-id-2-closed

    Let us know if you have any other questions or issues :)

    Regards,
    Yigit

    #1207611

    Dear Yigit,

    Thank you for your message.
    May be you could help me with another issue I encounter now with Enfold.I have a sidebar on the left and main content on the right. Apparently it’s easy, but , well it’s not, because there is a gap between the sidebar and the content and I can’t see anywhere how to set up this gap.
    How do you reduce the gap between the sidebar and the main content. I have spent half a day on this trying to find a solution Whether on Enfold documentation or in the forums. Nothing, although it seems many people are asking the same question. ! I believe you don’t need to go to css to fix that as well. Anyway, whatever solution you can provide at this stage , I take it as I am getting desperate with Enfold.
    Just let me know

    #1207699

    Hi,

    We currently do not have an option in backend to adjust the space so for the time being, please use following code

    .sidebar_left .content {
        padding-left: 25px;
    }

    I will contact our devs regarding adding an option in Enfold theme options regarding adjusting space between content and sidebar :)

    Best regards,
    Yigit

    #1207711

    Hi Yigit,
    This has no effect. I tried several values, including both positive, negative values, I also tried 0. Nothing happens.
    Best regards
    Odile

    #1207720

    Hi,

    Negative values do not work on paddings but setting the value to 0 or higher should have worked.

    Have you enabled “CSS file merging and compression” in Enfold theme options > Performance? If you have, could you please disable it, check “delete old CSS and JS files” near bottom and save theme options and check if that helps? If you are using a cache plugin, please flush cache there as well. After confirming the changes, you can re-enable file merging in Enfold theme options.

    If you have custom CSS, please check your custom CSS code for any errors too. You can use this site – http://csslint.net/ to test your custom CSS code.

    If none of the above helps, please share WP admin logins here privately and point out the page you are working on so we can look into it :)

    Best regards,
    Yigit

    #1207839

    Hi Yigit,
    I tried everything you have indicated and it didn’t work.
    After some more hours, I eventually found out that even if you put the margins and padding to 0, the enfold site structure is maintaining a gap of about 30px (at least) between the sidebar and the main content. It is the enfold framework that does this automatically.
    So the solution I have found and which worked was to set 30% for the sidebar and 70% for the main container; give corresponding values in pixel to the sidebar width and the container width (no %) and give a negative left margin to the main container. Then everything works fine and you can set the gap between the sidebar and the main container to whatever value you want. My concern is what will happen when you will eventually update the Enfold structure? Although I am using a child theme I just wonder whether it will break my design. Just let me know
    Best regards

    #1209709

    Hi Yigit,
    Do you have a response ?
    Best regards

    #1209919

    Hi,

    Sorry for my late reply!

    In case our devs decide to add an option to adjust the space between main container and sidebar, then you would need to remove your custom CSS and adjust it in theme options. For other structural changes, I do not think your website will be affected as we do not change element classes :)

    Best regards,
    Yigit

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.