Tagged: 

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • August 4, 2023 at 6:31 am #1415392
    Emanon

    Hi guys,

    I’m using Enfold to create a digital business card.

    Alfredo Silva BC

    I’m trying to add spacing between the columns. I succeeded doing that between the first and second column, but not above and below the Google map.
    This is how it looks right now:
    https://emanon.nl/wp-content/uploads/2023/08/WhatsApp-Image-2023-08-04-at-06.22.10.jpeg
    https://emanon.nl/wp-content/uploads/2023/08/WhatsApp-Image-2023-08-04-at-06.22.10-1.jpeg

    If needed, my credentials are here below.

    Can you guys help me out?

    • This topic was modified 1 year, 3 months ago by Emanon.
    August 4, 2023 at 10:21 am #1415403
    Rikard

    Hey Emanon,

    Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-1606 .av_gmaps_sc_main_wrap {
  margin: 20px 0;
}

    Best regards,
    Rikard

    August 4, 2023 at 11:39 am #1415413
    Emanon

    Hi Rikard,

    Thanks for your reaction. Unfortunately it’s not working. No changes.

    August 4, 2023 at 9:03 pm #1415454
    Rikard

    Hi,

    Where did you add the CSS? Do you have something which is modifying loading of CSS on your site?

    Best regards,
    Rikard

    August 21, 2023 at 12:00 pm #1416751
    Emanon

    Hi Rikard,

    Thank you for your response. I was on vacation, hence the late response.

    I added the quick CSS area in Enfold. For as far as I know I don’t have anything on the site with tis modifying the loading of CSS. WPRocket maybe? I don’t know. But now you say it. I do have a problem with animated numbers on the homepage that suddenly seem grey. And disappearing arrows on the homepage. Do the have anything to do with this?

    Thanks in advance.

    August 21, 2023 at 1:57 pm #1416763
    Rikard

    Hi,

    It could be related yes, since there seemed to be a problem with caching in one of your other threads. What happens if you completely deactivate all caching on the site?

    Best regards,
    Rikard

    August 22, 2023 at 10:32 am #1416844
    Emanon

    Hi Rikard,

    I have set WPRocket to safe mode. Your CSS is now working, but not for the first two columns.

    https://img.savvyify.com/image/98xtA

    August 23, 2023 at 11:08 am #1416936
    Nikko

    Hi Emanon,

    Can you try this CSS code and see if it helps:

    .responsive #top.page-id-1606 #wrap_all .flex_column {
    margin-bottom: 20px;
}

    Best regards,
    Nikko

    August 25, 2023 at 9:54 am #1417134
    Emanon

    WOW! Thank you! It worked!

    I have another question: Is there a way to round the corners of that Google map on the page up to 10px?

    Thanks in advance.

    August 26, 2023 at 10:19 am #1417176
    Rikard

    Hi,

    Please try this CSS as well:

    .page-id-1606 #av_gmap_0 {
   border-radius: 10px;
}

    Best regards,
    Rikard

    August 28, 2023 at 5:08 am #1417290
    Emanon

    Hi Rikard,

    It works perfect in my browser but I can’t see the round corners on my phone app (Safari and Chrome). I emptied cache on both apps.

    August 28, 2023 at 10:49 am #1417317
    Mike

    Hi,
    Please note that iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
    Is the link below correct, because I see the round corners on my Android.

    Best regards,
    Mike

    August 31, 2023 at 10:09 am #1417664
    Emanon

    Hi Mike,

    I cleared the entire history of Safari on my iPhone. Nothing changed. I also downloaded FireFox. The corners there are straight to.

    The link is correct by the way.

    Greetings

    August 31, 2023 at 5:34 pm #1417713
    Mike

    Hi,
    Unfortunately I don’t have an iPhone, but I do see the round corners in Android, please include a screenshot of what you see on your iPhone and paste the image URL in your post and let us know what version and Safari version you have and well try to have someone with the same compare on their device.

    Best regards,
    Mike

    September 1, 2023 at 9:36 am #1417755
    Emanon

    Hi Mike,

    Here are the screenshots:

    I don’t have the version of Safari, I do have the iOS version: 16.0.2

    Greetings

    • This reply was modified 1 year, 2 months ago by Emanon.
    • This reply was modified 1 year, 2 months ago by Emanon.
    • This reply was modified 1 year, 2 months ago by Emanon.
    • This reply was modified 1 year, 2 months ago by Emanon.
    September 2, 2023 at 2:57 pm #1417875
    Mike

    Hi,
    Thanks for the screenshots, I checked again on my Android and posted a screenshot below, and I checked on my Mac v12.6.8 with Safari v16.6 in Responsive Design Mode and in Chrome and the map has rouned corners, please see the screenshot in the Private Content area.
    I have asked the rest of the team to check with their iPhones and advise, Thank you for your patience.

    Best regards,
    Mike

    September 4, 2023 at 10:18 am #1418019
    Yigit

    Hey,

    I checked your website on my iPhone using IOS 16.5 and the corners are rounded on my end as well. I attached a screenshot in the private content field below.

    Regards,
    Yigit

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