-
AuthorPosts
-
April 23, 2020 at 4:37 am #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 ?
April 23, 2020 at 12:23 pm #1206509Hello, 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 ?
April 24, 2020 at 6:26 am #1206728Hi,
Could you post a link to where we can see the element in question please?
Best regards,
RikardApril 24, 2020 at 11:32 am #1206777Hi,
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
April 26, 2020 at 12:56 pm #1207250Hi 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,
VictoriaApril 26, 2020 at 2:17 pm #1207263Hi 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.
April 27, 2020 at 7:19 pm #1207594Hi,
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,
YigitApril 27, 2020 at 9:03 pm #1207611Dear 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 knowApril 28, 2020 at 7:39 am #1207699Hi,
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,
YigitApril 28, 2020 at 8:45 am #1207711Hi Yigit,
This has no effect. I tried several values, including both positive, negative values, I also tried 0. Nothing happens.
Best regards
OdileApril 28, 2020 at 9:32 am #1207720Hi,
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,
YigitApril 28, 2020 at 4:34 pm #1207839Hi 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 regardsMay 4, 2020 at 8:13 pm #1209709Hi Yigit,
Do you have a response ?
Best regardsMay 5, 2020 at 12:32 pm #1209919Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.